Autor | Zpráva | ||
---|---|---|---|
Sylar Profil |
#1 · Zasláno: 17. 9. 2008, 19:29:26 · Upravil/a: Sylar
Zdravím,
mám stránku html kod <div id="text"> <div id="textl"> </div> <div id="textc"> </div> <div id="textr"> </div> </div> css kod #text { width: 960px; background: #fff url('../obr/main/text.gif') 50% 0 repeat-y; } #text div#textl { float: left; width: 260px; padding: 10px 5px; } #text div#textc { float: left; width: 395px; padding: 10px 15px; } #text div#textr { float: left; width: 255px; padding: 10px 5px; } Obrázek který je vložen na pozadí #text se normálně zobrazuje, dokud nezačnu floatovat i ten #textr ... jakmile do css napíšu float: left; u vidu #textr pozadí zmizí neznámo kam :( Když float: left; u #textr zakomentářuju pozadí se opět objeví a je vše OK. Nevíte někdo prosím co s tím? Vůbec netuším proč se tohle děje. Zde si můžete stáhnout soubory, kde to uvidíte sami. |
||
Měsíček Profil |
#2 · Zasláno: 17. 9. 2008, 19:32:29
Jen si tipnu .. pozor na délku jednotlivých <div>ů .. padding to ještě trochu zvětší.
|
||
Sylar Profil |
#3 · Zasláno: 17. 9. 2008, 19:50:29
Měsíček
Nene bohužel tím to není, počítám tam i s paddingem. Když si ten soubor stráhneš a zkusíš to, uvidíš co to dělá. Když tam dám ten float: left; tak ten třetí div se tam normálně nafloatuje ale zmizí to pozadí u divu #text :( |
||
yFang Profil |
#4 · Zasláno: 17. 9. 2008, 20:18:13
Sylar
Zkus dát pod ty tři divy <hr> a v CSS tomu nastav: hr { visibility:hidden; clear:both; } |
||
Sylar Profil |
#5 · Zasláno: 17. 9. 2008, 21:12:05
|
||
Strajk Profil |
#6 · Zasláno: 17. 9. 2008, 21:48:07
Pozor na floaty - floatované prvky nezabírají místo tudíž neroztáhnout rodičovský prvek ;)
|
||
Časová prodleva: 16 let
|
0