Problem mit Hintergrundfarbe und Tabelle bzw div im IE

Status
Nicht offen für weitere Antworten.

davidb

Grünschnabel
Hallo, ich hoffe ihr wisst Rat.

Also das Problem ist folgendes:
Ich will entweder mit einer Tabelle oder mit divs das Design wie es im Anhang zu sehen ist, erstellen. Für den FF und Opera funktioniert es auch schon, sowohl als Tabelle wie auch als divs. Jedoch nicht im IE!

Hier der entsprechende html Teil:
PHP:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td id="navigation_o">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td id="navigation">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td id="navigation_u">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Und hier der CSS Teil dazu:
PHP:
#navigation {
	height: 74%;
	width: 20%;
	position: absolute;
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	left: 0px;
	top: 13%;
	display: block;
	background-image: url(bilder/navi_m.jpg);
	background-repeat: repeat;
}
#navigation_o {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #777777;
	height: 13%;
	width: 20%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}
#navigation_u {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #AAAAAA;
	height: 13%;
	width: 20%;
	position: absolute;
	left: 0px;
	top: 87%;
	display: block;
}

Das Problem ist nun, dass im IE immer nur ein Stück von der größe eines Buchstabens in der entsprechenden Hintergrundfarbe dargestellt wird. Ich will aber das jeweilige Tabellenfeld kommplett eingefärbt wird.
Weiß vielleicht jemand wie ich das schaffe?
Ich sitzt da jetzt schon seit drei Tagen dran und währe über jede Hilfe dankbar
 

Anhänge

  • Design.jpg
    Design.jpg
    51,8 KB · Aufrufe: 38
Hi,

mit dem div-Element funktioniert es bei mir im IE tadellos:

Code:
html,body {
margin:0;
padding:0;
height:100%;
}

Code:
<body>
    <div id="navigation_o">&nbsp;</div>
    <div id="navigation">&nbsp;</div>
    <div id="navigation_u">&nbsp;</div>
</body>
 
Super danke, geht echt.
Lag wohl daran, dass ich das height:100% für body nicht angegeben hatte.
Kannst du mir sagen warum man es angeben muss, macht für mich eigentlich keinen direkten Sinn, bzw welchen Einfluss hat body auf die divs?
 
Hi,

wenn das Dokument im Standardsmode übergeben wird, erhält der Dokumentkörper nur die Höhe, die sein Inhalt von ihm abverlangt. Um die Kinderelemente in der Vertikalen aber strecken zu können, ist eben diese zusätzliche Angabe erforderlich.
 
Status
Nicht offen für weitere Antworten.
Zurück