Autor Zpráva
Petroff
Profil
Potřebuji umístit absol.pozic.DIV do obalu (s relativ.pozic.) tak aby měl stejnou výšku, tj. buď top:0 + bottom:0 nebo top:0 + height:100%.
Pokud výšku obalu nastavím hodnotou height, funguje i v IE6.
Já však mám výšku obalu určenou výškou obsahu:
#obal{
position:relative;
border:1px solid red;
width: 100%;
text-align:center;
}
#ram {
position:absolute;
border:1px solid blue;
margin-left: 50%;
top:0;
bottom:0 /* použití height:100%; nepomůže => situace se nezmění */
left: -250px;
width: 500px;
}
#obsah { padding: 50px }

<div id="obal">
<div id="ram"></div>
<div id="obsah"> Toto je text který při zužování okna bude zvětšovat výšku #obsahu a tím i #obalu</div>
</div>

Ve všech browserech kromě ie6 to funguje.
V ie6 se výška DIVu#ram nemění. Její velikost (bez ohledu jak různě veliké bordery u #obalu a #ramu nastavím) je taková, že výšky prostorů uvnitř červeného a modrého borderu jsou stejné - co s tím ????
Petroff
Profil
Přitom #obal má nastavený hasLayout (width:100%) takže by nemělo dojít k chybnému zobrazení alias BUG:
IE6-/Win problems with (bottom) absolute positioning inside a relative element viz. http://www.brunildo.org/test/IE_rel_abs.html
---------------------------------------------------------------------- ---
Přitom pokud odstraním top:0 (a ponechám bottom:0) rámeček se správně přesune ke spodní hraně obalu.
Takže to, co nefunguje, je roztáhnutí DIVu na výšku 100% (height:100% bez vlivu)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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