[HTML] Tabellen mit festen und dynamischen Größen!

[Forumsgast]

Liebe Leute,

Ich habe ein Problem. Hier erstmal der Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>CSS Test</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1" height="400" bgcolor="#FF0000" width="100">
<tr height="25">
	<td bgcolor="#000099"></td>
</tr>
<tr height="1">
	<td bgcolor="#00FF00">Line
Line
Line
Line
Line
Line
</td>
</tr>
<tr height="100%">
	<td bgcolor="#00CCFF"></td>
</tr>
<tr height="25">
	<td bgcolor="#FFFF00"></td>
</tr>
</table>
</body>
</html>

Ok! Ich habe wiedermal das Problem, dass Firefox das ganze richtig anzeigt, und Internet Explorer falsch. Ich habe hier 2 Bilder:

FIREFOX:


INTERNET EXPLORER:


Die erste und die letzte Zelle haben eine feste Höhe von 25px. Diese wird von beiden Browsern eingehalten.
Die Hellgrüne Zelle, soll sich genau der Größe des Inhaltes anpassen, deswegen hat es eine Höhe von "1".
Die Hellblau Zelle soll einfach die restliche Höhe haben, sprich den rest der Tabelle füllen. Dabei hat die Tabelle eine feste Größe von 400.

In Firefox beträgt die Tabelle tatsächlich 400 Pixel und sieht genau so aus, wie es sollte. In Internet Explorer ist diese Tabelle jedoch viel größer.

Lösche ich den Doctype, geht es in beiden Browsern. Aber ich brauche den Doctype, weil sonst andere Sachen nicht gehen. Aber vielleicht habe ich den falschen Doctype gewählt?

Danke für jede Hilfe!

Liebe Grüße,
Dima

[Forumsgast]

Habe zwar nicht direkt eine Lösung, aber vielleicht gehts wenn du die Höhenangaben über CSS definierst. Also anstatt height=25 einfach style="height: 20px;"

[Forumsgast]

Das habe ich auch bereits versucht, leider die gleichen Probleme

[Forumsgast]

Hallo Leute,

ich brauche wirklich Tipps, Ideen usw, alles könnte mir helfen! Ich weiß selber nicht mehr weiter. Kann man das Problem umgehen?

Liebe Grüße,
Dima

[Forumsgast]

Vielleicht so ?? Also ohne Tabellen ??

Und DRÄNGELN ist nicht

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dp">
<head>
<title>CSS Test</title>
<style type="text/css">
div {
 height:400px;
 background-color: #FF0000;
 width: 100px;
 table-layout:auto;

}

p{
 display: block;
 margin: 0px;
}

#oben {
 border: solid 1px #000000;
 height: 25px;
 width: 100px;
 background-color: #000099;
}

#linien{
 background-color: #00FF00;
 border: solid 1px #000000;
  width: 100px;

}

#darunter{
 background-color: #00CCFF;
 border: solid 1px #000000;
  width: 100px;
  height: 100%;
}

#unten{
 background-color: #FFFF00;
 border: solid 1px #000000;
 height: 25px;
 width: 100px;
}

</style>
</head>
<body>
<div>
   <p id="oben"></p>
   <p id="linien">Line
Line
Line
Line
Line
Line
</p>
   <p id="darunter"></p>
   <p id="unten"></p>

</div>
</body>
</html>

// EDIT : Neee geht doch nicht so wie ich's dachte .. *hm* ... der erweitert sich immer ! Tja .. mit DIV dürfte das dann also nicht gehen Jedenfalls die Kombination zw. Prozent- und festen Pixelangaben

[Forumsgast]

Hallo M3g4Star,

Danke, aber wie du schon sagtest klappt es leider auch nicht! Weitere Ideen?

Liebe Grüße,
Dima