nicht angemeldet
Hallo Selfhtml,
habe folgendes Problem (nur) mit dem Internet Explorer:
Ich möchte 2 <div> mit CSS absolute positionieren, das mache ich so:
navi{
position:absolute;
top:5px; left:5px; width:200px; bottom:5px;
background-color:#336699
}
content{
position:absolute; overflow:auto
top:5px; left:215px; right:5px; bottom:5px;
background-color:#660099
}
Mit diesen beiden CS-Styles möchte ich erreichen das bei jeder Auflösung meine 2 div-Blöcke immer den gleichen Abstand zum Browser-Innenbereich haben. Da ich mein Content im Content-Block anzeigen lasse genügt es mir auch nur diesen scrollbar zu machen, die Seite an sich sollte also fest sein, es sollte also alles auf eine Browser-Seite passen, gegebenfalls nur der content-Block halt scrollbar sein.
Ich habe schon vergeblich im Internet nach einer schlichten Lösung gesucht aber nichts passendes gefunden, außer irgendwelche Browser-Hacks oder sonstige komplizierte Ansätze.
So wie mir es scheint ist der Internet Explorer nicht in der Lage mehrer Startpostionen (top, bottom vorallem) eines div-Blocks zu verarbeiten.
Mit Mozilla oder Opera-Browsern sieht das ganze genaus so aus wie ich mir das vorstelle:
2 Blöcke die wie oben beschrieben zu den Browserinnenseite jeweils 5px abstand haben.
Im IE sind die Blöcke nur so hoch wie entsprechen Content in ihnen enthalten ist, im schlimmsten Fall also gar nicht vorhanden, wenn kein Inhalt da ist, und das soll nicht sein.
Vielleicht kann mir hier jemand eine Tip oder Lösung sagen, wäre sehr dankbar dafür.
Gruss
docone