人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

以下のようなHTMLを書いて、サイドの部分に色を付けたいのでサブコンテナの背景に画像を置いてrepeat-yとしているのですが、
うまくメインと同じ長さになってくれません。
どうしたらメインと同じ長さになってくれるでしょうか?

分かりづらいと思うので画像をご覧下さい。


<div id="コンテナ">

<div id="サブコンテナ">

<div id="メイン">
</div>

<div id="サイド">
</div>

</div>

<div id="フッター">
</div>

</div>

1161081408
●拡大する

●質問者: tetlis
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML サブコン メイン 画像
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● wizemperor
●60ポイント ベストアンサー

おそらくこちらの質問と同様かと思われます。

http://q.hatena.ne.jp/1160994189


仕様どおりの動作ですが、無駄なマークアップなしにclearする方法もあり、こちらの方がおすすめです。

この場合は「サブコンテナ」に下記のようなスタイルを指定します。

http://www.kuroduction.com/doc/translation/position_is_everythin...

http://www.fsiki.com/archive/css-doc/float.html

簡単に仕組みを説明すると、contentプロパティによって内容生成しclearすることによって、適切な高さが取られます。

◎質問者からの返答

おすすすめの方がうまく行かなかったのですが、おすすめじゃない方でできたので今はこれで良しとしました。


ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ