WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:2カラム可変幅のIE6でも最小幅設定が出来るようにするには

0:[投稿] トート [2007/06/18 18:42 ] [環境:IE6 sleipnir sylera 分からない ローカル]

タイトル長くてスミマセン
いきなり本題ですが、
タイトル通り2カラム可変幅のIE6でも最小幅設定が出来るようにするにはどういう風に書けば出来ますか?
ということです。
いろいろなところで文書読んでネガティブマージンとかを覚えたのですがうまくいきません。
一応自分が使ってるソースを書いときます↓
(いろんな所からパクっています)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head><TITLE>SITE TITLE</TITLE>
<style type="text/css">
<!--
*{margin:0; padding:0;}
body{background-color:#ddd;width:100%;}
#my_header{width:90%;border-bottom:2px solid #fff;background-color:#ccb; height:50px;}
#my_footer{width:90%;clear:both;background-color:#ccb;border-top:2px solid #fff;text-align:center; padding:1em 0;}
#mynavi{overflow: hidden;    margin: 0px;padding:1em;border:0px solid #fff;}
#mymain{overflow: hidden;    margin: 0px;padding:1em;border-left:1px solid #fff;}
#my_body{margin: 0 auto; height:1%;/* 高さが必要 */ min-width:600px;/* 幅を指定すると駄目 */ }
#my_contents{width: 90%;float: left;margin-right: -90%; background-color:#ddd6bb;}
#my_navigation{float:left; width:200px; overflow: hidden; background-color:#d6d6bb;}
#mymain {margin-left: 200px;}
h1{width:600px;/* IE6用最小幅 */ padding-left:20px;}
li {list-style:none;}
.contents p{margin:1em 0;}
--></style>
</head>
<body>
<div id="my_body">
<div id="my_header"><h1>SITE TITLE</h1></div>
<div id="my_contents">
<div id="mymain">
<div class="contents"><h2>SUB TITLE</h2><p>text text text</p></div>
<div class="contents"><h2>SUB TITLE</h2><p>text text text</p></div>
</div>
</div>
<div id="my_navigation">
<div id="mynavi">
<ul>
<li><a href="">MENU</a>
<li>MENU</li>
<li>MENU</li>
<li>MENU</li>
<li>MENU</li>
</ul>
</div>
</div>
<div id="my_footer"><p>FOOTER</p></div>
</div>
</div>
</body>
</html>

回答(必須): 状態:

お名前(必須):

URL:




[戻る]