![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
3カラムのホームページを作っているのですが、
中央と右のカラムがどうしてもfloatできません。。
左カラムをfloat:leftにして、中央と右のカラムを#contentsBoxで囲ってfloat:rightさせています
【HTML】
<div id="wrapper_2"><!--div id wrapper_2 START-->
<div id="contentsBox"><!--div id contentsBox START-->
<div id="560"><!--div id 560 START-->
中央カラム
</div><!--div id 560 END-->
<div id="175"><!--div id 175 START-->
右カラム
</div><!--div id 175 END-->
</div><!--div id contentsBox END-->
<div id="205"><!--div id 205 START-->
左カラム
</div><!--div id 205 END-->
</div><!--div id Wrapper_2 END-->
【CSS】
/*+++wrapper_2++++++++++++++++++++++++++*/
#wrapper_2 {
width: 984px;
background-color:#fff;
padding: 8px;
margin: 10px auto 10px auto;
overflow: hidden;
}
/*+++contentsBox++++++++++++++++++++++++++*/
#contentsBox {
width: 757px;
float: right;
}
#contentsBox:after{
height:0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
/*+++左カラム+++++++++++++++++++++++++++++*/
#205{
width: 205px;
margin: 0 22px 0 0;
float: left;
}
/*+++中カラム+++++++++++++++++++++++++++++*/
#560{
width: 560px;
float: left;
}
/*+++右カラム+++++++++++++++++++++++++++++*/
#175{
width: 175px;
float: right;
margin-left: 22px;
}
まだ勉強中なので、初歩的なミスなのかもしれませんが、
どうしても中央カラムの下に右カラムがきてしまいます。
(ドリームウィーバーで見たら、望み通りの配置になっているのですが、ブラウザでチェックすると、中央カラムの下に右カラムがきてしまいます)
アドバイスいただければ嬉しいです。
よろしくお願い致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
サイトにコンテンツを並べる際...
-
【html5】canvasでの文字の形の...
-
textareaで入力した文字を改行...
-
スタイルシートで画面を上下に...
-
フッターの位置を一番下に表示...
-
ホームページの位置のずれについて
-
javascriptテキストBOX色を元に...
-
textareaに画像を表示したい
-
MAX関数を使ってからLEFT JOIN...
-
JSPでの画像ファイル表示
-
【OpenCV】二値画像後、白の部...
-
jspでcssが読み込めない
-
C言語のポインタ表現
-
Slick.jsのオプションrtlについて
-
複数画像のランダム複数表示(...
-
getElementByIdの戻り値がnull...
-
jQueryでサーバー上のファイル...
-
重なった画像にクリックイベン...
-
キャラクターがぴょこんと飛び...
-
JavaScriptで変更した属性の元...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フッター上部に謎の隙間
-
CSS <div>の入れ子が反映さ...
-
【CSS】floatで左右に並べた...
-
css固定したフッターが本文と重...
-
文字をクリックしたら別の文字...
-
textareaで入力した文字を改行...
-
オンマウス時に別画像を上に重...
-
スクロール可能なチェックボックス
-
文字を固定したいのですが…
-
1行で左寄せと右寄せと中央揃え...
-
Ctrl+F(検索)の窓を出したいの...
-
チェックボックスの背景色って...
-
Webサイト作成 プログレスバー ...
-
離れた場所にマウスオーバーで...
-
スタイルシートで画面を上下に...
-
メニューバーもスクロールに合...
-
ホームページのsidebar とconte...
-
CSSで背景を下までのばすには?
-
TABLEの高さを固定したいのですが…
-
かなり困っています。知恵を貸...
おすすめ情報