Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 31.05.2006, 15:05
ONeill ONeill ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 07.02.2006
Beiträge: 359
ONeill befindet sich auf einem aufstrebenden Ast
Standard Holy Grail und der Internet Explorer!

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
Angehängte Grafiken
Dateityp: jpg IEFehler.jpg (27,4 KB, 23x aufgerufen)

Geändert von ONeill (31.05.2006 um 15:10 Uhr)
Mit Zitat antworten
Sponsored Links