Autor Zpráva
janrok
Profil
Dobrý den,
omlouvám se za možná triviální dotaz.
Chci udělat pomocí css 2 sloupce vedle sebe, kde v levém je menu a v pravém text. Levý sloupec je výrazně kratší než pravý.
Nedaří se mi odstranit vadu, která se projevuje v IE - je-li v pravém sloupci souvislý text, tak pěkně lícuje s levým sloupcem, ale od místa, kde levý sloupec končí, tak se text v pravém sloupci o kousek posune doleva a udělá tak viditelný zub. Ve FF to nedělá. Čím je to způsobené?

* {
font-family: sans-serif;
margin: 0; padding: 0;
}
html, body {height: 100%;}
body {
background: #cde19a;
}
/* definice layoutu */
#main {
width: 883px;
margin: 0 auto;
background: url('../images/ramecek.jpg') left top repeat-y;
min-height: 100%;
height: 100%;
position: relative;
}
#main-in {
width: 883px;
margin: 0 auto;
padding: 0 0 161px 0;
position: relative;

}
body>#main {
height: auto;
}

#paticka {
width: 883px; height: 161px;
position: absolute;
bottom: 0;
background: url('../images/cd_paticka.jpg') center top no-repeat;
}
#hlavicka {
width: 883px; height: 188px;
background: url('../images/hlavicka1.jpg') center top no-repeat;
}

#menu {
width: 336px; height: 502px;
float: left;

}

#sub {
padding: 0 45px 0 336px;
font-size: 10pt;
color: #077b41;
}

_____________________-
<body>
<div id="main">
<div id="hlavicka"></div> <!-- konec hlavicka -->
<div id="main-in">
<div id="menu"></div>
<div id="sub">

Lorem ipsum dolor sit amet consec


</div>
</div><!-- konec main-in -->
<div id="paticka"></div> <!-- konec paticka -->
</div> <!-- konec main -->
</body>
Plaváček
Profil
janrok

Stručně http://ie-brouci.dero.name/float-bug.html
janrok
Profil
Děkuji, to pomohlo.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0