Autor Zpráva
popelucha
Profil *
Ahoj,
Opera se chová jinak než jiné prohlížeče, třeba Firefox pokud jsou použité dva floaty vnořené:


<div style="float: right">
<div style="float:left; width: 100px; height: 100px; background: #ff9933">
odkaz 1
</div>
<div style="float:left; width: 100px; height: 100px; background: #ff3399">
odkaz 2
</div>
<div style="float:left; width: 100px; height: 100px; background: #33ff99">
odkaz 3
</div>
<div style="float:left; width: 100px; height: 100px; background: #99ff33">
odkaz 4
</div>
</div>


Zatímco NN, Mozilla i MSIE zobrazí 4 barevné čtverečky vedle sebe vpravo, Opera je má pod sebou. Kdesi jsem se dočetla, že je to tím, že Opera neví, jakou šířku má float a stačí zadat šířku obklopujícího divu. To skutečně funguje, ale co když tu šířku nevím (odkazy jsou generované)?

Řešení bez float:left u vnitřních prvků má zase tu nevýhodu, že se musí použít inline element, u kterého prohlížeče neberou v úvahu šířku a výšku (Opera ano!). Napadá někoho, jak to udělat elegantně, bez nutnosti přeskládat divy od posledního k prvnímu?

Díky
popelucha
Plaváček
Profil
Problém bude nejspíše v tom, že nadřazenému prvku, který má float:right je nutné nastavit šířku, Opera je v tomto ohledu dost nesmlouvavá. Zkus tedy přidat <div style="float: right;width:"400px"> a mělo by to fungovat.
Tomik
Profil
Já mám Operu 7.54 a to zobrazuje stejně jako IE 6 nebo Mozilla 5, tzn. vpravo vedle sebe.
Toto téma je uzamčeno. Odpověď nelze zaslat.