Flash - CSS en Opera

Ik heb een site met daarop een mooie flash-banner die een bepaald aantal plaatjes in overvloei laat zien. Niks byzonders en het werkt prima. Dit flashblokje is in een eigen <div> gezet en doet het in alle browsers die ik kan gebruiken keurig.

Behalve Opera (mac)

Die plaatst het bannertje vrolijk in de linker bovenhoek. En ik kan niet vinden waar het hem in zit.

Iemand??

http://www.labyrinth.nl/flash/

Je CSS voor je rechtervlak ziet er zo uit: [code:1:c2125d0ff7].splitright { width: 190px; background-color: transparent; margin: 0px; float: right; display: block; }[/code:1:c2125d0ff7] ... waarmee je behalve float geen positionering aangeeft.

Je zou er een margin-top:80px;margin-left:430px; bij kunnen zetten of iets dergelijks.
Maar dat neemt niet weg dat Opera dan niet netjes met float omgaat.

Het probleem zit in de overflow:auto van .box

Een perfect voorbeeld waarom clearing floats met de overflow:auto methode niet aan te raden is, hier struikelt in dit specifieke geval Opera op.

[code:1:b514385304]
.box
{
width: 620px;
border-bottom: 2px #F60 solid;
padding-bottom: 6px;
margin-bottom: 10px;
background-color: transparent;
overflow: auto;
}
[/code:1:b514385304]

Als je overflow:auto weghaalt is het probleem verholpen. Je kan het beste de volgende methode voor clearing floats gebruiken:
http://www.positioniseverything.net/easyclearing.html

overigens heb ik defualt.css wel eens eerder gezien… mhmm… waar alleen ook al weer :innocent:

Ik ben er erg blij mee. Is de Webmaster van Noipo, die dat geschreven heeft.

http://www.noipo.org/index.php?id=252

Kun je ook je voordeel mee doen :stuck_out_tongue:

Het was dé oplossing om simpel de browsers uit elkaar te houden.

[img:795832ab3b]http://www.noxbox.nl/look/clearbox.jpg[/img:795832ab3b]

Hoewel ik het verhaal achter de PIE-truc grotendeels begrijp en ook inzie wat het probleem is krijg ik niet voor elkaar wat ik wil hebben:
Een horizontale box met een linker en rechter box als inhoud en een hoogte die automatisch door de inhoud wordt vergroot.

Haal ik de overflow: auto weg dan klopt het wel weer in Opera, maar is de omliggende box zijn hoogte kwijt, zodat de border aan de onderkant niet meer op zijn plaats zit.
Gebruik ik de PIE-oplossing dan werkt het maar half. De truc met de . (punt) krijg ik niet voor elkaar zodat deze onzichtbaar wordt.
Haal ik de overflow auto weg en zet ik de hoogte vast (in dit geval geen probleem) dan gaat de flexibele layout weer naar de vaantjes. Trial and error, maar voorlopig meer error.

http://www.noxbox.nl/look/