munkmill
09-03-2004, 17:08
Hallo an alle,
es geht um folgendes. Ich schreibe an einer Seite, auf der links und rechts Navigationsleisten sein sollen, in der Mitte soll dann der Inhalt stehen.
Dieser soll sich dynamisch an die Fensterbreite anpassen, die Navi-Leisten sind fest vorgegeben.
In Konqueror, FireFox, etc. funktioniert das auch wunderbar, nur hat der IE (und darauf soll es hauptsächlich laufen) arge Probleme, den Inhalt zwischen die beiden Leisten zu bringen.
Hier die Code-Schnipsel vom CSS:
#leftmenu
{
position: fixed;
top: 20px;
left: 0%;
height: 100%;
width: 110px;
padding: 20px 0 0 0;
background-color: #2169BD;
float: left;
z-index: 2;
text-align: center;
}
#main
{
position: absolute;
top: 30px;
left: 120px;
right: 120px;
width: auto%;
overflow-y: auto;
z-index: 3;
border: solid;
}
#rightmenu
{
position: fixed;
top: 20px;
right: 0%;
height: 100%;
width: 110px;
padding: 20px 0 0 0;
background-color: #2169BD;
float: right;
z-index: 2;
text-align: center;
}
Das Problem scheint zu sein, dass der IE die Zeile "right: 120px;" aus der main-ID ignoriert, wenn man in die DIV-Box einen 100% breiten Eintrag einfügt.
Er zieht dann den Inhalt über die rechte Leiste hinaus, wie gesagt, alle anderen Browser stören sich daran nicht.
Vielen Dank im Voraus für die Hilfe.
Jan
P.S.: Die position: fixed; Einträge sind wegen des scrollbaren Inhalts.
es geht um folgendes. Ich schreibe an einer Seite, auf der links und rechts Navigationsleisten sein sollen, in der Mitte soll dann der Inhalt stehen.
Dieser soll sich dynamisch an die Fensterbreite anpassen, die Navi-Leisten sind fest vorgegeben.
In Konqueror, FireFox, etc. funktioniert das auch wunderbar, nur hat der IE (und darauf soll es hauptsächlich laufen) arge Probleme, den Inhalt zwischen die beiden Leisten zu bringen.
Hier die Code-Schnipsel vom CSS:
#leftmenu
{
position: fixed;
top: 20px;
left: 0%;
height: 100%;
width: 110px;
padding: 20px 0 0 0;
background-color: #2169BD;
float: left;
z-index: 2;
text-align: center;
}
#main
{
position: absolute;
top: 30px;
left: 120px;
right: 120px;
width: auto%;
overflow-y: auto;
z-index: 3;
border: solid;
}
#rightmenu
{
position: fixed;
top: 20px;
right: 0%;
height: 100%;
width: 110px;
padding: 20px 0 0 0;
background-color: #2169BD;
float: right;
z-index: 2;
text-align: center;
}
Das Problem scheint zu sein, dass der IE die Zeile "right: 120px;" aus der main-ID ignoriert, wenn man in die DIV-Box einen 100% breiten Eintrag einfügt.
Er zieht dann den Inhalt über die rechte Leiste hinaus, wie gesagt, alle anderen Browser stören sich daran nicht.
Vielen Dank im Voraus für die Hilfe.
Jan
P.S.: Die position: fixed; Einträge sind wegen des scrollbaren Inhalts.