Autor Zpráva
Mitch
Profil *
Ahoj, chtěl jsem předělat tabulkový layout na CSS pomocí divů ale mam tu problém s IE. Příklad:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Example</title>
<style type="text/css">
#main {width: 100%}
#banner {width: 100%; height: 70px; border: 1px solid black}
#left {float: left; width: 200px; border: 1px solid black}
#content {margin: 0px 0px 0px 200px; border: 1px solid black}
</style>
</head>

<body>

<div id="main">

<div id="banner">banner</div>
<div id="left">

<table style="border: 1px solid red">
<tr>
<td>radek 1</td>
</tr>
<tr>
<td>radek 2</td>
</tr>
<tr>
<td>radek 3</td>
</tr>
<tr>
<td>radek 4</td>
</tr>
</table>

</div>
<div id="content">

Text mimo tabulku

<table style="border: 1px solid blue; width: 100%">
<tr>
<td>blabla</td>
<td>blabla</td>
</tr>
<tr>
<td>blabla</td>
<td>blabla</td>
</tr>
</table>

</div>

</div>

</body>
</html>


Jak vidíte jeto banner v horní části a pod ním 2 sloupce... levý s absolutní šířkou a pravý s relativní. Problém je v tom že když tabulka v pravém sloupci přesáhne okno prohlížeče (v ukázce sem nastavil šířku na 100% abych nasimuloval tu situaci) tak se "zalomí" zvláštním způsobem tak že dokument pokračuje až pod výškou levého sloupce. V ostatních prohlížečích se to zobrazí správně ale IE6 nepobírá. Víte někdo co s tím? Morduju se s tím už docela dlouho a nenašel jsem žádné funkční řešení. Díky.
MiSHAK
Profil
Někdy stačí zalomení (uzavření) do dalšího divu.
Mitch
Profil *
Tak jsem to nakonec vyřešil tak že tomu levému sloupeci s pevnou šířkou jsem dal absolutní pozici ale určitě je i lepší způsob.
Toto téma je uzamčeno. Odpověď nelze zaslat.