Autor Zpráva
m_k_k
Profil
Dobrý den,
mám 3 DIVy. Jeden jako "obal" s nastaveným modrým pozadím a uvnitř levý (žluté pozadí) a pravý (červené pozadí). Levý je 200px vysoký a pravý 100px vysoký. V IE6 je to vidět tak jak bych si představoval -> tam kde není pravý sloupec (je nižší než levý) prosvítá modré pozadí. Bohužel ve FireFox 1.5 tomu tak není a není vidět žádné pozadí. Nevíte prosím někdo čím by to mohlo být, není to nějaká chyba FF,
díky
Martin
P.S. Omlouvám se , že nemám ukázku, ale snad je to srozumitelné
nakashi
Profil
Martine,
problém který máš je způsoben tím, že divy uvnitr obalového mají nastavený floating.
Výška plovoucích prvků se pak ve FF správně nebere jako základ pro výpočet výšky prvku nadřazeného.
Pokud se chceš o tomto tématu dozvědět více koukni se po internetu na tzv. box model a problémy zobrazování v IE, dozvíš se v čem jsou zásadní rozdíly při vykreslování v různých prohlížečích (respektive kde udělali inženýři z Microsoftu chybu).
Problém vyřešíš tím, že pod oba vnitřní divy, před uzavřením obalového, vložíš tzv. cleaner.
Bude to vypadat nějak takto:
<div id="obal">

<div id="levysloupec"></div>
<div id="pravysloupec"></div>
<hr class="cleaner" />
</div>

třídu pro cleaner pak použij tuto:
hr.cleaner {

clear:both;
height:1px;
margin: -1px 0 0 0; padding:0;
border:none;
visibility: hidden;
}
m.k_k
Profil *
OK, díky moc, slibuji, že se na toto téma podívám,
Martin
Toto téma je uzamčeno. Odpověď nelze zaslat.

0