[css] position en overflow.

[Verwijderd]

hallo,

Als ik een div heb, die div heeft overflow:hidden.
en daarin zet ik een div met position:absolute.
Ik zorg ervoor dat de 2e div buiten de eerste gepositioneert is.
dan zie ik in IE de div niet meer maar in andere browsers wel.

wie doet het nu eigenlijk fout?
hoe zou het eruit moeten zien?

heb ff een pagina gemaakt voor wat verduidelijking:
http://dexus.nl/position.html

[crisp]

IE doet het fout

[Verwijderd]

ideeën om het te fixen?

het ziet er trouwens in amaya al helemaal wazig uit...

[André]

Je kunt toch gewoon een position:relative op de parent div zetten: dan werkt het in IE hetzelfde als Gecko based browsers.

[crisp]

Nee, ondanks dat je dmv position:absolute je div uit de flow haalt wordt 'ie alsnog afgekapt in IE door de overflow:hidden (ik neem aan dat die noodzakelijk is?):

HTML:

<style type="text/css">

div#div1 { width: 200px; height: 200px; background-color: red; overflow: hidden; position: relative; }
div#div2 { width: 200px; height: 200px; background-color: blue; position: absolute; top: 100px; left: 100px; }

</style>
<div id="div1">1
    <div id="div2">2</div>
</div>

Je zou het zo op kunnen lossen:

HTML:

<style type="text/css">

div#extra { position: relative; }
div#div1 { width: 200px; height: 200px; background-color: red; overflow: hidden; }
div#div2 { width: 200px; height: 200px; background-color: blue; position: absolute; top: 100px; left: 100px; }

</style>
<div id="extra">
    <div id="div1">1</div>
    <div id="div2">2</div>
</div>

[Verwijderd]

@crisp: dat is idd wel een mogelijke oplossing.

@andre: dan werkt het in Gecko based browsers hetzelfde als IE.

bedankt voor jullie reacties

[André]

André schreef op donderdag 03 februari 2005 @ 18:26:
dan werkt het in IE hetzelfde als Gecko based browsers.

Verwijderd schreef op donderdag 03 februari 2005 @ 18:43:
@andre: dan werkt het in Gecko based browsers hetzelfde als IE.

Zit daar verschil in dan

[Verwijderd]

de manier van IE is anders als de manier van Gecko based browsers.

als IE doet als Gecko, (doen ze beide de gecko-manier.)
dan is het dus anders
dan Gecko doet als IE. (doen ze beide de IE-manier)
:*D

[André]

Aha, dat bedoel je dus

Oke