レイアウトは左にメニューDIVがあります。これは、一定のEM幅で左にフローティングされます。私は、メニューの幅以上の左余白を持つコンテンツDIVを持っています。メニューの右側にうまく座って、メニューとコンテンツの両方が完全に並んでいる残りのスペースを埋めます。CSS浮動小数点数 - IE6で落ちるコンテンツ
ただし、Internet Explorer 6では、コンテンツが広すぎると、メニューの下に表示されます。つまり、空白があり、スクロールせずにコンテンツを実際に見ることはできません。
残念ながら私はコンテンツを変更することができません。これはサードパーティのコンテンツをホストするサイトの再設計であり、そのコンテンツの変更は私のできる範囲外です。
また、メニューとコンテンツの両方の下に配置する必要があるフッターバーがあります。
IE6に絶対配置を使用して別のレイアウトを提供することで、ほぼうまく動作するようになりました。残念ながら、フッタはゴミに見えます。私たちのサイトではIE6が2番目に多く使われています。
また、あふれてしまっていましたが、うまくいっていない場所にランダムなスクロールバーが表示されてしまうという問題が発生しました。
IE6と「適切な」ブラウザで動作するシンプルな非Javascriptの方法があるかどうかは知りませんか?私は現在、テーブルベースのレイアウトでなければならないと考えています。ここで
は、問題の例です: look at thisをお持ちの<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.menu {
width: 14em;
float: left;
}
.content {
margin-left: 15em;
zoom: 1;
}
.footer {
clear: both;
}
/* styling to make the demo more obvious */
.menu {
background-color: #f99;
}
.content {
background-color: #9f9;
}
.footer {
background-color: #99f;
}
td {
border: 1px solid #000;
}
</style>
</head>
<body>
<div class="container">
<div class="menu">
<ul>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
</div>
<div class="content">
<h1>Main Content</h1>
<table>
<tr>
<td>this is a really</td>
<td>wide table which</td>
<td>I am using to push</td>
<td>the content down</td>
<td>need to keep going</td>
<td>so that it breaks</td>
<td>in ie6</td>
<td>but naturally</td>
<td>nothing else</td>
<td>sghskdhksdhfsdhffs</td>
<td>sghskdhksdhfsdhffs</td>
<td>sghskdhksdhfsdhffs</td>
<td>sghskdhksdhfsdhffs</td>
</tr>
</table>
</div>
</div>
<div class="footer">
<p>Copyright blah blah blah</p>
</div>
</body>
</html>
私は同じ答えに2つのコメントを追加する方法を理解できませんでした...とにかく... 私はオーバーフローでこの問題を解決することができましたが、それは私が2組のスクロールバー。本当に大きなテーブルをナビゲートすると、信じられないほど困難になりました。スクロールバーを使用して別のスクロールバーを検索する必要がありました。その後、最初のものを使用して再度スクロールアップしてください。それだけで、ユーザビリティの問題が発生しました。 (それは働くことができないと言っているわけではない) –