Hallo zusammen
Ich habe folgende Situation: Ich brauche eine Tabelle mit einer festen Breite, welche vertikal voll ausgedehnt ist. Die Tabelle soll sich in der Mitte des Browserfensters ausrichten:
Hier der Code, laut W3C:
HTML Code:
<?php echo "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Resarch</title>
<style stype="text/css">
body{
margin:0px;
padding:0px;
}
table#tbl_lay{
background-color:blue;
width:300px;
height:100%;
margin:0 auto 0 auto;
}
</style>
</head>
</style>
<body>
<table id="tbl_lay">
<tr><td>sdf</td></tr>
</table>
</body>
</html>
HTML Code:
<?php echo "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Resarch</title>
<style stype="text/css">
body{
margin:0px;
padding:0px;
}
table#tbl_lay{
background-color:blue;
width:300px;
height:100%;
margin:0 auto 0 auto;
}
</style>
</head>
</style>
<body>
<table id="tbl_lay">
<tr><td>sdf</td></tr>
</table>
</body>
</html>
HTML Code:
<?php echo "<?xml version=\"1.0\" encoding=\"UTF-8\" ?>\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Resarch</title>
<style stype="text/css">
body{
margin:0px;
padding:0px;
}
table#tbl_lay{
background-color:blue;
width:300px;
height:100%;
margin:0 auto 0 auto;
}
</style>
</head>
</style>
<body>
<table id="tbl_lay">
<tr><td>sdf</td></tr>
</table>
</body>
</html>
Doch was sehen meine verwirrten Augen:
Unter Firefox, Safarie sowie Opera hat das "height:100%" überhaupt keinen Effekt, die Tabelle wird vertikal nicht ausgedehnt. Laut Selfhtml unterstützen diese Browser jene Eigenschaft jedoch!
Der Internet Explorer ignoriert das "margin:0 auto 0 auto" Die Tabelle ist links ausgerichtet statt in der Mitte!
Glücklicherweise kann ich dies mit einem Hack ("body style="text-align:center") wieder ausbügeln, doch das Problem der vertikalen Ausdehnung bleibt: Das gibts doch gar nicht:
width:100% funktioniert einwandfrei
height:100% funktioniert nur beim Internet Explorer
Was soll denn das?
Gruss Ishildur