Autor Zpráva
Sylar
Profil
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
Jen si tipnu .. pozor na délku jednotlivých <div>ů .. padding to ještě trochu zvětší.
Sylar
Profil
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
Sylar
Zkus dát pod ty tři divy <hr> a v CSS tomu nastav:
hr {
visibility:hidden;
clear:both;
}
Sylar
Profil
yFang
hr ne ale div a funguje to :-)

díky všem . hlavně Mikovi
Strajk
Profil
Pozor na floaty - floatované prvky nezabírají místo tudíž neroztáhnout rodičovský prvek ;)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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