Hallo zusammen,
ich habe ein 3-Spalten Layout für meine Seite verwendet und als System das Holy Grail Tutorial von Matthew Levin genommen (
http://www.alistapart.com/articles/holygrail ).
Falls ich nichts überlesen habe, sollte dieses System auch für den Internet Explorer gelten. Leider funktioniert das nicht. Mit allen anderen Browser funktioniert die Seite einwandfrei.
Wie meine Seite im Internet Explorer ( 6 ) aussieht, könnt ihr auf dem Screenshot sehen.
Hier ist mein CSS Code:
Code:
* {
margin: 0;
padding: 0;
border: 0;
}
body {
min-width: 550px;
font-family: 'Arial',sans-serif;
font-size: 1em;
}
/***************/
/* Header ******/
/***************/
#Container {
padding-left: 160px;
padding-right: 230px;
overflow: hidden;
}
#Container .Spalte {
position: relative;
float: left;
padding-bottom: 20000px;
margin-bottom: -20000px;
}
/*************/
/* INHALT ****/
/*************/
#Inhalt {
width: 100%;
padding: 10px 20px 0 20px;
color: black;
background-color: #e5ebff;
}
/************/
/* MENU *****/
/************/
#Navigation {
width: 160px;
right: 200px;
margin-left: -100%;
padding: 0;
background: url(../images/back-navi.jpg) right repeat-y;
color: white;
}
ul#Menu {
list-style: none;
padding: 0;
}
ul#Menu li {
font-weight: bold;
font-size: 0.9em;
margin-right: 10px;
}
ul#Menu li a {
display:block;
padding: 0.5em 0 0.5em 0.5em;
text-decoration: none;
color: white;
border-bottom: 1px solid white;
}
ul#Menu li a:hover, ul#Menu li a:focus {
background: url(../images/verlauf.jpg) repeat-x;
color: black;
border-right: 6px solid white;
}
ul#Unterpunkt li a {
color: black;
background-color: #80befb;
border-left: 10px solid #0925a2;
}
/***************/
/** INFO *******/
/***************/
#Information {
width: 190px;
margin-right: -230px;
background: url(../images/back_info.jpg) left repeat-y;
}
/***************/
/* FIXES *******/
/***************/
* html #Navigation {
left: 170px;
}
Wo liegt das Problem? Und wie kann ich es beheben?
Danke sehr für Hilfe