締切済み

IE でカラム落ちします。

2008/09/07 04:47

CSS 初心者です。 pagebodyの中に２カラム（mainContentとsidebar1）レイアウトをしたいのですが、 IE6だけ左のmainContentがカラム落ちしてしまいます。検索して色々試したのですが、私には理解ができず。教えていただけると助かります。ーーーーーcssーーーーーーー #container { width: 800px; background: #FFFFFF; margin: 0 auto; text-align: left; } #pagebody{ width: 780px; background: #D6E3FF; } #mainContent { float: leftt; width:600px; padding:0; background: #fff; } #sidebar1 { float: right; width:170px; background: #D6E3FF; } -------html------------- <body> <div id="container">  <script src="../js/h_navi.js" type="text/javascript"></script> <div id="pagebody"> <div id="sidebar1"> <ul> <li id="menu1"><a href="#">専属プロヂュース</a></li> <li id="menu2"><a href="#">出演依頼</a></li> <li id="menu3"><a href="#">メンバー紹介</a></li> <li id="menu4"><a href="#">ニュース</a></li> <li id="menu5"><a href="#">最新ニュースはこちらから</a></li> </ul> </div>  <div id="mainContent"> <h1> メインコンテンツ </h1> <p>テキスト</p> <p>テキスト.</p> <h2>見出し </h2> <p>テキスト</p> </div><br class="clearfloat" /></div><script src="../js/footer.js" type="text/javascript"></script> </div> </body> よろしくお願いします。

coccorelax
お礼率0% (0/3)

CSS
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

みんなの回答

nori_007
ベストアンサー率35% (369/1048)

2008/09/07 10:49 回答No.2

検証してみました。下記の内容をメモ帳にペースとして確認してみてください。 -- ここから -- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>goo</title> <style type="text/css">  </style> </head> <body> <div id="container">  <script src="../js/h_navi.js" type="text/javascript"></script> <div id="pagebody"> <div id="sidebar1"> <ul> <li id="menu1"><a href="#">専属プロヂュース</a></li> <li id="menu2"><a href="#">出演依頼</a></li> <li id="menu3"><a href="#">メンバー紹介</a></li> <li id="menu4"><a href="#">ニュース</a></li> <li id="menu5"><a href="#">最新ニュースはこちらから</a></li> </ul> </div>  <div id="mainContent"> <h1> メインコンテンツ </h1> <p>テキスト</p> <p>テキスト.</p> <h2>見出し </h2> <p>テキスト</p> </div><br class="clearfloat" /></div><script src="../js/footer.js" type="text/javascript"></script> </div> </body> </html> -- ここまで -- 基本的には何も手を加えていません。 XHTML + CSS で、IE6 で標準モードになるようにソースを作成しました。今まで、他の方の質問も拝見しており、単に html と css のみを提示されている方が殆どです。ブラウザには動作モードが有り、IE6 でも、互換モード、標準モードが有り、動作モードが違うと挙動が違います。ですので、html と css を提示されても問題解決が出来ないと思います。まず始めにブラウザの動作モードを理解する必要があると思います。下記のページが参考になると思います。 http://web8341.info/advanced/dtd.htm ご参考にしてみてください。