nicht angemeldet
Hallo,
Ich arbeite derzeit an einem Projekt wo ich das bestehende Tabellen-Layout für valides HTML nur leicht abändern, nicht jedoch durch ein komplettes CSS/div-Layout ersetzen kann. Nun bin ich auf das Problem grstoßen, dass der IE 8 bockt wenn der Doctype gesetzt ist. Im sogenannten Kompatibilitätsmodus (also Quirks Mode) bzw. ohne Doctype funktioniert es jedoch hervorragend. Firefox läuft in allen Belangen immer wie geschmiert.
Hier der Code.
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>
<body style="margin:0px;padding:0px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="50" style="width:50px;background-color:#ff0000"><div style="display:block;width:50px;height:50px;"> </div></td>
<td style="width:100%; background-color:#00ff00"> </td>
<td width="50" style="width:50px;background-color:#0000ff"><div style="display:block;width:50px;height:50px;"> </div></td>
</tr>
<tr>
<td width="50" style="width:50px;background-color:#ff0000"><div style="display:block;width:50px;height:50px;"> </div></td>
<td colspan="2" style="background-color:#ffff00">gffffffffffffffffffffffffffffffffffffffffffffmmmmmmmmmmmmmmmmmmmmmmmmmmMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM</td>
</tr>
</table>
</body>
</html>
Problem ist. dass die blaue Fläche mit doctype im IE größer als die gesetzten 50px wird, im Firefox bleibt es bei 50px. Das Problem tritt immer nur dann auf wenn der Inhalt in der gelben Fläche größer wird. Wie kann ich den IE dazu bringen mit validem XHTML inkl. Doctype den blauen Bereich 50px groß zu lassen während der Grüne dynamisch sich dem (zu großen) Gelben anpasst?
viele Grüße und Vielen Dank im Voraus
Jemand der weiß das Tabellenlayouts problematisch sind
Struppi