Hallo Html-Gemeinde,
ich will oben auf meiner Page einen fixierten Header/menue haben und darunter einen scrollbaren Content-Bereich.
Im FF2/3 und Ie7 auch kein Problem jedoch im IE6 macht mein Code mir Probleme.
Über eine Browserweiche lade ich die verschiedenen css Dateien.
Nun zum Inhalt der styleie.css welche für den IE6 zuständig ist.
Mein Problem hierbei ist die gewünschte feste Höhe des Menuebereichs.
Teile ich dem #menue z.B. height:25%; und dem #content height:75%; zu funktioniert dies solange, wie das IE Fenster mindestens so groß ist, daß die 150px des menue Bildes so groß wie die eingetragenen 25% sind.
Verkleinere ich das Browserfenster jedoch, so schiebt sich die rechte Scrollleiste nach unten aus dem sichtbaren Bereich und ist nicht mehr zu benutzen.
Auch wenn ich als Höhe direkt 150px angebe tritt das selbe Problem auf!
Wünschenswert wäre z.B. bei #content height:100% minus 150px; aber so etwas scheint es wohl nicht zu geben!
Hier gibts die Seite zu sehen: http://www.bmw.tackys-support.de/Neu/
Hier meine styleie.css:
@media screen {
* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
overflow: hidden;
}
body {
color:#000000;
background-color:#ffffff;
background-image: url(verlauf.jpg);
background-repeat:repeat-y;
font-family:times;
font-size: 1.1em;
padding-bottom: 1px;
width: 100%;
}
#menue {
position: absolut;
left: 0;
top: 0;
background-color:#ffffff;
background-image: url(verlauf.jpg);
background-repeat:repeat-y;
width: 100%;
font-size: 1.2em;
height:25%;
margin: 0px 0px 0px 0px;
}
#content {
margin: 0px 0px 0px 18px;
height:75%;
overflow: auto;
}
p {
text-align: justify;
}
#bild {
float:right;
width: 600px;
margin: 20px 0 0 3px;
}
}
Wer kann mir helfen?
T@cky