thedani
Threadersteller
Dabei seit: 31.03.2006
Ort: Chemnitz
Alter: 40
Geschlecht:
|
Verfasst Mo 10.03.2008 19:04
Titel IE Problem mit Höhe bei XHTML 1.0 |
|
|
Hallo,
ich habe eine Tabelle (100% Höhe) mit 2 Zeilen. Der oberen Zeile ist eine Höhe als Pixelwert zugewiesen (100px). Die untere Zeile soll dann passend ausgeglichen werden. Firefox interpretiert das Beispiel wie gewünscht, allerdings kommt der IE irgendwie ins Schleudern und ich weiß nicht, warum?! Lässt man den Doctype weg funktioniert es auch im IE problemlos, aber mir ist schleierhaft, auf welche Werte sich IE bei der Umsetzung mit Doctype bezieht... Sieht aus wie raten statt rechnen...
Vielleicht weiß jemand Rat wie folgendes Beispiel richtig umzusetzen wäre:
Code: |
<!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>
<style type="text/css">
* {
margin: 0;
padding: 0;
border: 0;
}
html,body {
height: 100%;
}
table {
width: 100%;
height: 100%;
border-collapse: collapse;
}
td {
background-color: lightyellow;
border: 5px solid red;
text-align: center;
}
</style>
</head>
<body>
<table>
<tr>
<td height="100">
Oben
</td>
</tr>
<tr>
<td>
Unten
</td>
</tr>
</table>
</body>
</html>
|
Zuletzt bearbeitet von thedani am Mo 10.03.2008 20:57, insgesamt 2-mal bearbeitet
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mo 10.03.2008 21:23
Titel Re: IE Problem mit Höhe bei XHTML 1.0 |
|
|
thedani hat geschrieben: | Lässt man den Doctype weg funktioniert es auch im IE problemlos |
Stichworte (Google): Doctype-Switch, Standards-Mode, Quirksmode
Du weißt, dass Tabellen nicht das geeignete Markup für eine Website sind, sondern ausschließlich für tabellarische Daten gedacht sind? Daher ein gutgemeinter Rat: Verwende divs - das ist hier denkbar einfach: Ein div bekommt min-height: 100%; (bzw. height für IE < 7) und enthält das andere, 100px hohe div.
|
|