Autor Zpráva
Filip
Profil
Jak udělat dva pružné divy vedle sebe které jsou zanořené v dalším divu pružné velikosti, tak aby to v IE fungovalo? V Mozille, Firefoxu a Opeře je vše OK, ale IE dá divům špatnou šířku odvozenou od velikosti okna, namísto toho, aby byla odvozená od velikosti divu ve kterém jsou oba divy zanořené. Prosím poradte mi! Jak to udělat? Už to řeším týden!
Podívejte se na to! Nejdřív si to prohlédněte v mozille ať víte jek to má vypadat.
Yuhů
Profil
Po pečlivém odmazání jsem se dostal na toto:

<style>

body,html {
margin:0px;
padding:0px;
}

.obsah-ha {
position:absolute;
left:150px;
right:188px;
top:115px;}

.obsah {
margin:0 10px 0;}

.frame-l-ha {
float:left;
width:50%;}

.frame-r-ha {
float:right;
width:50%;}

.obalovaci-frame { }

</style>


<body>

<div class="obsah-ha">
<div class="obsah">

<div class="obalovaci-frame">

<div class="frame-l-ha">
<div class="frame-l">
kk akj dk alfhds gl gdsojewo dkg hjkld sdjlf lj sl ljsdlfk jsdlf
kk akj dk alfhds gl gdsojewo dkg hjkld sdjlf lj sl ljsdlfk jsdlf

</div>
</div>

<div class="frame-r-ha">
<div class="frame-r">
kk akj dk alfhds gl gdsojewo dkg hjkld sdjlf lj sl ljsdlfk jsdlf
kk akj dk alfhds gl gdsojewo dkg hjkld sdjlf lj sl ljsdlfk jsdlf
</div>
</div>
</div>

</div>
</div>



Příště by to chtělo udělat stejné odmazání a teprve pak to posílat do diskuse.


Závěr: Explorer se chová dobře, protože žádný prvek nadřazený problematickým obtékaným divům nemá nastavenou šířku (width). Proto bere správně základ procentuální šířky z šířky prvku body, totiž v tomto případě z okna.

Problémem je tento zápis:

.obsah-ha {
position:absolute;
left:150px;
right:188px;

top:115px;}

vlastnost left a right se nesmí deklarovat najednou. Pokud se to udělá, výsledky jsou nepředvídatelné. Mozilla v tomto konfliktním případě patrně nějak přepočítává šířku elementu, což by dělat neměla.

Doporučení:

nedělat to pozicováním, ale nastavením okrajů, levého a pravého. Potom dát obalovacímu divu šířku 100% nebo relativní pozici (to spíš).
Toto téma je uzamčeno. Odpověď nelze zaslat.