余白の指定

[新着] TAG indexオフライン版 3.0 を準備中です

0   名前： あめ ： 2004/11/14 21:04
度々失礼します。
余白についてなのですが画像の上に<BR>をおかずに
下にくっつける(margin-bottom:0px;)ことはできるのですか？
またF11(最大化)した時にも同様に画像を下にくっつける事はできますか？
1   名前： むむりく ： 2004/11/15 02:40
常に最下部に固定したいということですか？
背景画像にするのが一番簡単そうですが…
2   名前： C-- ： 2004/11/15 08:09   ［URL］
間違っていなければいいですが、
スタイルシートで行うものとみえます。
今までにも同じような投稿があると思いますので、探してみてください。
3   名前： NS-700X ： 2004/11/15 11:30   ［URL］
スタイルシートで出来ます。
<DIV STYLE="POSITION: ABSOLUTE; BOTTOM:0%;">
<IMG SRC="TEST.BMP">
</DIV>
テーブルとか組んでいたらそのテーブル構成の一番下に来るので
なるべく下の方に記述して下さい。

POSITION=座標指定「PX」か「％」で指定
以下、その付随要素について
STATIC=標準位置指定
　通常、初めて記述したら表示される位置を起点として表示します。
　左上を起点と考えてもらえばいいです。
RELATIVE=相対的位置指定
　現在の記述に対しての位置に表示します。
ABSOLUTE=絶対的位置指定
　全体(そのもの)に対しての指定位置に表示します。

位置指定に関してはTOP,BOTTOM/LEFT,RIGHTがありますので、
組み合わせたりして表示して下さい。
4   名前： あめ ： 2004/11/15 17:52   ［URL］
むむりくサマ
確かに背景にするのが一番手っ取り早いんですけどねー
画像にイメージマップでリンク貼るつもりなんでちょっと無理かと。

C--サマ
余白　で探してみたのですが欲しい回答がありませんでした。
努力不足ですかね；すいません

NS-700Xサマ
くわしく教えてくださりありがとうございます！
下に寄せるのはできましたが下に寄せてかつ右に寄せる事もできますか？

>>位置指定に関してはTOP,BOTTOM/LEFT,RIGHTがありますので、組み合わせたりして表示して下さい。
すいません、RIGHTをどこにいれればいいのですか？
BOTTOM/RIGHT　BOTTOM;RIGHT　BOTTOM RIGHT　BOTTOM:RIGHTも駄目でした。教えて下さい；

それと下に寄せるのですが微妙に下が空いてしまいます。(URL見てみて下さい)
これをmarginを使ったときのように本当にぴっちりつけることは可能ですか？
5   名前： NS-700X ： 2004/11/15 19:09   ［URL］
RIGHTは下の様に記述します。
<DIV STYLE="POSITION: ABSOLUTE; BOTTOM:-5PX; RIGHT:0%;">
<IMG SRC="TEST.BMP">
</DIV>
隙間が開くのは仕様ですが、上で書いている様に-5PXと指定すればピッタリ付けられます。
6   名前： naka@sukiero ： 2004/11/15 23:50
>>3
素朴な疑問なんですが、何故 TEST.BMP なんでしょうか？
わざわざ .bmp にされるのって何か意味があるのかなと。
7   名前： NS-700X ： 2004/11/16 02:16   ［URL］
>>6
ただ説明で使っているだけですので、これと言って意味はありません。
他のJPG,GIF,PNGのどれでも使えます。
8   名前： 通りすがり ： 2004/11/16 02:20
NS-700X 様。
＞隙間が開くのは仕様ですが
？？？
<IMG SRC="TEST.BMP"></DIV>
と改行しなければ隙間はできないのでは？
ブラウザに依るのかしらん？
9   名前： NS-700X ： 2004/11/16 03:01   ［URL］
とおりすがりさんへ
確かにその通りですね。
1行で書かない事ばかりなので勘違いしていました。(汗
と言う訳で、あめさん。１行で記述して下さい。(w
<DIV STYLE="POSITION: ABSOLUTE; BOTTOM:0%; RIGHT:0%;"><IMG SRC="TEST.BMP"></DIV>

10   名前： ばあど ： 2004/11/16 14:03   ［URL］
>>8
いや、その部分に空白が出来てしまうのは、
バグ（つまり、そのブラウザの仕様）です。

SGMLの仕様書に従えば、その部分の空白類は無視されます。
11   名前： NS-700X ： 2004/11/16 14:52   ［URL］
>>10
あ、やっぱり仕様でしたか。
情報ありがとうございます。
12   名前： あめ ： 2004/11/16 16:43   ［URL］
ありがとうございました！！！
解決しました♪理想通りです。
すっごく助かりましたv
13   名前： ばあど ： 2004/11/16 19:49   ［URL］
>>11
どうも微妙にお分かり頂いていないような気がするのですが、
「ブラウザのバグのせいで」空くのが仕方がないのであって、
「仕様書のせいで空いているのではない」のですよ。

だから、きちんとしたブラウザなら
BOTTOM:-5PX;
とすると、5px分、下にめり込むって事です。
つまり、どちらかと言えば「改行を抜いて対応するのが吉」って事。
14   名前： NS-700X ： 2004/11/16 22:53
>>13
前の説明で「改行を抜いて対応するのが吉」と思いました。
それで、どのブラウザがきちんとしたものなのか
知っている範囲で教えてもらえませんか？
宜しくお願いします。
一覧へ戻る