[IE] Div over Textarea - Softwareontwikkeling

woensdag 6 oktober 2004 16:12

Acties:

Internet Entrepreneur

Topicstarter

Ik zit te werken aan een soort rich text editor en kom het volgende tegen:
ik hide en show divs die fungeren als een soort drop-down boxes. Werkt perfect, alleen natuurlijk niet in IE. Daar lijkt het alsof de div's waar het om gaat verdwijnen achter de textarea.

Echter, je kan wel een div over een textarea plaatsen in IE (zie voorbeeld hieronder)...

code:

<html>

<head>

<style stype='text/css'>
div.TextAreaDiv {
    position: absolute ;
    top: 20px ;
    left: 20px ;
    width: 100px ;
    height: 100px ;
    z-index: 1 ;
    border: 1px solid black ;
    background: white ;
}

textarea.TA {
    width: 200px ;
    height: 200px ;
    z-index: 0 ;
}

</style>

</head>

<body>
    <textarea class='TA'>bla</textarea>
    <div class='TextAreaDiv'>Testing 1 2 2 3 4 45</div>
</body>

</html>

...maar het zal wel een combinatie zijn van de javascripts die ik gebruik ofzo. Ik zie het verschil alleen niet met wat ik doe bij mijn editor.

Ook de positionering van IE is zoals altijd compleet anders als bij FireFox, hij luistert gewoon totaal niet naar mijn position absolutes ofzo.

Zie hier voor hoe het wel werkt (code hierboven) en hier hoe hij verdwijnt. Let wel alleen in IE dus.

Iemand een idee waar het aan kan liggen? De z-indices lijken me toch allemaal te kloppen.

[ Voor 7% gewijzigd door Cavorka op 06-10-2004 16:12 ]

the-blueprints.com - The largest free blueprint collection on the internet: 50000+ drawings.

woensdag 6 oktober 2004 18:15

Acties:

crisp

Devver

Pixelated

z-index werkt alleen op gepositioneerde elementen.

Intentionally left blank

Reageer