Autor | Zpráva | ||
---|---|---|---|
Petroff Profil |
#1 · Zasláno: 17. 3. 2008, 11:46:35 · Upravil/a: Petroff
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 |
#2 · Zasláno: 17. 3. 2008, 14:19:38 · Upravil/a: Petroff
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) |
||
Časová prodleva: 16 let
|
0