画像が勝手に伸びていくのってどうするんでしょう・・・？

質問

デザイン的なことなのですが、先ほどこちらのブログを見ていて思ったのですがhttp://blog.livedoor.jp/netsenryaku/
これらの記事や周りのカレンダーやトラックバックなどが表示されているBOXなんですが、私が見る限り画像のように見えます。(周りに影とかあるので)

そこで不思議なんですが、もし画像の場合高さが勝手に伸びていくのでしょうか？例えばトラックバックなど、沢山くれば、その分BOXの長さも自動で伸びていきますよね？・・・不思議です。

また画像で無い場合、どうやったら画像のようなBOXをCSSで設定することが出来るのでしょうか？

お分かりになる方がおられましたら、宜しくお願いいたします。

回答No.2

Kuppycat · ベストアンサー

レイアウトは<table>ではなく<div>で作ってあります。

<div>
<div>----------うえ----------</div>
<div>----------なか----------</div>
<div>----------した----------</div>
</div>

でひとかたまりを作ります。
背景画像をそれぞれに指定しておけば、つながってさも伸びているように見えるかと。

お礼

Kuppycatさん有難うございます。

なるほど、DIVでテーブルのように枠を背景指定で作るんですね。全く気がつきませんでした。

とても勉強になりました、有難うございました。

回答No.5

steel_gray

ページ全体に参考URLのような画像を背景として敷いているだけだと思います。

（その上にdivでメインのブロックやサイドバーを配置している。）

参考URL：

http://parts.blog.livedoor.jp/img/usr/liquid_drive/bg3.gif

お礼

URL参考にして考えて見ます！

有難うございました。

回答No.4

eberbach

Ｎｏ．２曰く

＞レイアウトは<table>ではなく<div>で作ってあります。

らしいので、それなら、それぞれのdivで必要な画像をＣＳＳ側で設定しているのではなかろうか。
ＨＴＭＬの中を見ればＣＳＳファイルの場所は見つけられるので、そのＣＳＳを見てみれば良い。

たぶん、それぞれのdivで表示すべき背景画像を指定しているだけだと思うが。

お礼

度々、有難うございます。

回答No.3

partita

HTMLを見ても不明なときはCSSを見るといいですよ。

お礼

CSSですね。わかりました！

回答No.1

eberbach

単純なところでは・・・

□□□
□□□
□□□

上のような９つのTDのあるテーブルを用意しておいて、四隅と上下左右は、枠の画像を背景にし、中央のTDの中に記事を入れれば、大きさに合わせて枠の背景画像は繰り返し表示されるから、内容にあわせて延び縮みする（ように見える）ものができると思うが。どうだろう。

お礼

eberbachさん有難うございます。

なるほど、こういう方法もあるんですね！

しかし、ソースをご覧いただけたらお分かりだと思いますが、tableを一切使わない作りになっています。

多分何かの技？をつかってCSSで定義されているのですが、やり方が分かりません。

宜しくお願いします。