CSSでのfloat解除ができないので質問です。HTML初心者です。2カラムのレイアウトを作りたくて左カラムをfloat:left 指定しました。2カラムをDivで囲った下にフッターのDivを作りたいのですが、clear:both指定すると、ページの最下部にフッターが離れてしまいます。clear:bothを削除すると2カラムの直下に来るのですがfloat:leftが効いているようで左寄せになってしまいます。どうすればfloatを解除してなおかつ2カラム直下にフッターを配置できるでしょうか。ちなみにMac,ブラウザはchromeで確認しています。


ざっくり構成を書きますと以下のようになっています。

<div id="conteiner">
<div class="wrapper">
<header id="headr">
   省略
</div>

<div id="main"> <!-- 大枠 -->
<div class="main-column"> <!-- 左カラム float:left -->
      省略
</div> <!-- 左カラム end -->

<aside class="sub-column"> <!-- 右カラム -->
<div id="sub-column">
       省略
</div>
</aside> <!-- 右カラムend -->
</div> <!-- 大枠end -->
</div> <!-- wrapper end -->
<div id="coppyright">hogehoge All Right received</div> <!-- footer -->
</div> <!-- conteiner end -->

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/06/29 16:04:21
  • 終了:2012/06/30 14:51:25

回答(1件)

id:oil999 No.1

oil999回答回数1728ベストアンサー獲得回数3202012/06/30 14:39:08

float(フロート)を解除する3つの方法
http://whisper.sakura.ne.jp/diary/2009/06/cssfloat.html

id:zenhippie

回答ありがとうございます。ただこの記事中で言うところの1.みたくしたいのに出来ない、というのが質問内容なので若干異なります。

2012/06/30 14:48:38
  • id:Cherenkov
    HTMLがざっくりすぎて回答が付きにくいと思います。
    cssも含めて、コピペで再現できるコードを提示してみましょう。
    http://jsfiddle.net/
    https://gist.github.com
    などを使うと便利です。
  • id:zenhippie
    アドバイスありがとうございます。試してみます。こちらの質問は終了する可能性があります。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません