Autor Zpráva
Ordek
Profil *
Ono to vyzera ako banalita, ale fakt neviem kde je problem. Ide o to, ze sa nezobrazuje cierne pozadie divu "out"..stale je transparentne. Vykresli sa az, ked zadam pevnu vysku divu "out". paradoxne IE pozadie vykresli. Opera ani FF nie.

<style>
#out{
width: 923px;
margin: auto;
background: black;
}

#in {
width: 500px;
height: 200px;
float: left;
margin: 0;
padding: 0;

}
</style>

<body>

<div id="out">
    <div id="lavy">
    </div>
</div>

</body>
Ordek
Profil *
Ups: namiesto lavy, tam ma byt <div id="in"> sry.
panther
Profil
Ordek
Nemá zadanou ani výšku, ani v něm není text. Je prázdný a FireFox vykresluje pozadí, pokud má kde. Prázdnému elementu bude těžko vykreslovat pozadí, když je prázdný (height: 0;)
Nox
Profil
Protože bez zadané výšky se element natahuje podle svého obsahu
A float znamená vyjmutí prvku z dokumentu, jakoby ho umístí do nové vrstvy, takže najednou #out nemá obsah

Přidej za <div id="in"></div>

<hr class="clear">

a do css dej něco jako
.clear{ clear: both;visibility: none;height: 0;width: 0;border: none;overflow: hidden;outline: none;  }


...podstatné je to clear: both, to ostatní je už jen, aby to nijak neovlivňovalo vzdálenosti mezi
elementy svým rozměrem, ikdyž si nejsem jistý, zda tam musí být všechny tyto vlastnosti,
některý jsou spíš tak projistotu (moje lenost zjistit, který tam skutečně být musí)
Plaváček
Profil
Ordek

Tipnu bych, že ti chybí "čistič" (neboli ukončit obtékání plovoucího prvku). Více třeba zde: http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082 nebo zde http://met.blog.root.cz/2008/06/30/css-triky-jak-obtekat-i-bez-clearovani/
panther
Profil
Nox
.clear{ clear: both;visibility: none;height: 0 ...
visibility nabývá hodnot „visible“ a „hidden“
Nox
Profil
panther
Sakra, to sem zrovna věděl:) díky za opravu
panther
Profil
Nox
Sakra, to sem zrovna věděl:)
myslel jsem si to, ale náhoda je blbec :-)

A rada je zadarmo, pokud máš ještě nějaké základní nedostatky, rád poradím ;-)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0