Problem ul height im Internet Explorer

taked0wn · 24. Februar 2009

Guten Abend liebe Leute,

ich sitze nun schon den halben Tag ein einem für euch wahrscheinlich schnell zu lösenden Problem.

Folgendes Codeschnipsel zeigt eine eine Liste (ul) in einer Tabellenzelle. Das Problem ist die Anzeige der Höhe im IE. Der Firefox und Opera interpretieren die height:100% der ul meiner Meinung nach richtig, und vergößern sie je nach Höhe der Tabelle. Wenn ihr euch den Code einmal im Firefox o. Opera und dann im Internet Explorer anschaut versteht ihr was ich meine.

Zur Veranschaulichung habe ich mal den den Hintergrund der Liste auf Gelb gesetzt.

Nicht wundern, ich habe den Code unten nur zur Veranschaulichung etwas primitiv und non-valid geschrieben.

Könnt ihr mir sagen wir ich das hinbekomme das sich der IE 6/7genauso verhalten?

Code:

<body>

	<table align="center" height="100%" border="1" width="600">
	 <tr>
	   <td valign="top" width="300">
	
		<ul style="width:200px;margin:0;padding:0;background-color:yellow;height:100%;">
		<li style="background-color:red;">Test</li>	
		<li style="background-color:red;">Test</li>
		</ul>
			
	   </td>
	   <td valign="top">Inhalt<br><br><br><br><br>Ende<br></td>
	   <td valign="top">Navi rechts</td>
	 </tr>
	</table>
</body>

Für eure Hilfe wäre ich dankbar!

Maik · 24. Februar 2009

Hi,

die Tabellenzelle muß ebenfalls auf 100% skaliert werden:

Code:

<td valign="top" width="300" height="100%">

Sollte das Dokument den Browsern im standardkonformen Modus übergeben werden, ist diese CSS-Regel zusätzlich erforderlich:

CSS:

html,body { height:100%; }

mfg Maik

Problem ul height im Internet Explorer

taked0wn

Grünschnabel

Maik

Neue Beiträge