Autor | Zpráva | ||
---|---|---|---|
janrok Profil |
#1 · Zasláno: 17. 7. 2007, 19:07:47
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 |
#2 · Zasláno: 17. 7. 2007, 19:13:33
|
||
janrok Profil |
#3 · Zasláno: 17. 7. 2007, 21:08:39
Děkuji, to pomohlo.
|
||
Časová prodleva: 17 let
|
0