absolute Positionierung mit bottom/top im IE

[Alex.........]

Hi,

hab ein kleines Problem und weiß nicht wie ich das lösen kann.
Ich möchte ein DIV in einem DIV absolut positionieren. Das innere DIV soll immer bei 'top:40' beginnen und bis zum untersten Rand gehen.
Das äußere DIV ist allerdings 'resizable', also in der Größe dynamisch veränderbar. Das innere DIV soll sich mit anpassen.
Eine prozentuelle Angabe für 'height' taugt hier nicht. Im Firefox ist das einfach durch 'top:40' und 'bottom:0' zu lösen, der IE kann das aber bekanntlich nicht.
Wie lautet hier die Alternative die das Problem in beiden Browsern löst?

Gruß, Alex

[Engin]

Hi Alex.........,

Wie lautet hier die Alternative die das Problem in beiden Browsern löst?

Guckst du hier!

Viele Grüße aus Frankfurt am Main,
Engin direkt vom Ostbahnhof!
(dieser Beitrag wurde von einem Moderator geprüft und freigegeben!)
GYRO

[Alex....]

Guckst du hier!

Danke für die Antwort, das löst mein Problem aber leider noch nicht. Das 'top:40' 'bottom:0' wird weiterhin vom IE ignoriert.

Ich habe folgende Situation:

<div id="diagram">
 <div id="windowHandle">
 </div>
 <div id="controlArea">
 </div>
 <div id="drawArea">
 </div>
</div>

Die ersten beiden DIVs sollen feste Größe haben (top:0; height:20; und top:20; height:20; bei absolute). Das unterste DIV soll den gesamten restlichen Bereich ausfüllen.

Das CSS sieht wie folgt aus (analog zu deinem Beispiel):

#diagram {
 position: relative;
 top: 30px;
 left: 130px;
 width: 1000px;
 height: 630px;
 border: 1px solid #0033CC;
}

#windowHandle {
 position: absolute;
        top: 0px;
 height: 20px;
        width: 100%;
}

#controlArea {
 position: absolute;
        top: 20px;
 height: 20px;
        width: 100%;
}

#drawArea {
 position: absolute;
        bottom:0;
        width: 100%;
        overflow: scroll;
}

wenn ich für #drawArea noch ein 'top:40px;' angebe klappt das wie gesagt im FF, aber eben im IE nicht.