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

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 -->


●質問者: zenhippie
●カテゴリ:インターネット ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 1/1件

▽最新の回答へ

1 ● oil999

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


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

●質問をもっと探す●



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