nicht angemeldet
falsche Zeilenhöhe unter IE bei Verwendung von rowspan
Hallo
Zur Illustratation mit farblich dargestellten Zellen:
http://www.hawo.stw.uni-erlangen.de/~snjudurs/temp/tabletest.htm
Ich möchte ohne Frames eine Seite erstellen, die links ein Menü enthält und auf der rechten Seite den Inhalt der gerade dargestellten Seite innerhalb eines Rahmens anzeigt. Der Rahmen soll durch kleine GIFS in den Tabellenzellen ABCD dargestellt werden. Diese Zellen sollen daher eine feste Höhe (AD) bzw. Breite (BC) haben. In die Zelle "Inhalt" soll durch ein Perlskript der Inhalt der Seite geschrieben werden, während gleichzeitig links das Menü entsprechend ausgeklappt und hervorgehoben angezeigt wird.
Probleme:
Opera: keine
Netscape: Breite von Menüzelle wird nicht berücksichtigt.
IE: Höhe von Zelle A wird zu groß!
Wer hat eine Lösung für das IE-Problem?
Gruss
Jürgen
Quellcode:
<html>
<head>
<title>Tabletest</title>
<body>
<table width=90% cellspacing=0 cellpadding=0 border=0>
<tr>
<td rowspan=2 bgcolor="lightblue" width="100" valign="top">Menue Start<br><br><br><br>Menue Ende</td>
<td colspan=3 bgcolor="yellow" height="10">A</td>
</tr>
<tr>
<td rowspan=2 bgcolor="blue" width="10">B</td>
<td rowspan=2 bgcolor="red" width="*" height="*" valign="top">Inhalt Start<br><br><br><br><br>Inhalt Ende</td>
<td rowspan=2 bgcolor="magenta" width="10">C</td>
</tr>
<tr>
<td rowspan=2 bgcolor="white" width="100">leer</td>
</tr>
<tr>
<td colspan=3 bgcolor="yellow" height="10">D</td>
</tr>
</table>
</body>
</html>
-
Lösungsweg: Table in Table
Bei folgender Demo wird allerdings der Inhalt nur sehr schmal angezeigt, das liegt daran, daß zu wenig Inhalt drin ist.
<html>
<head>
<title>Tabletest</title>
<body><table cellspacing=0 cellpadding=0 border=0>
<tr>
<td valign=top width=100>
<table cellspacing=0 cellpadding=0 border=0>
<tr>
<td bgcolor="lightblue" valign="top">Menue Start<br><br><br><br>Menue Ende</td>
</tr>
<tr>
<td bgcolor="white">leer</td>
</tr>
<tr>
</table>
</td>
<td> </td>
<td width=100%>
<table cellspacing=0 cellpadding=0 border=0>
<tr>
<td colspan=3 bgcolor="yellow" height="10">A</td>
</tr>
<tr>
<td bgcolor="blue" width="10">B</td>
<td bgcolor="red" width="*" height="*" valign="top">Inhalt Start<br><br><br><br><br>Inhalt Ende</td>
<td bgcolor="magenta" width="10">C</td>
</tr>
<tr>
<td colspan=3 bgcolor="yellow" height="10">D</td>
</tr>
</td>
<tr>
</table>
</td>
</tr>
</table></body>
</html>-
Ursache:
Nach Verbindungs-Abbruch waren Oberfläche (Fenster-Salat) und Benutzer :-) durcheinandergeraten.-
wer beachtet schon deine Postings?
MfG Thoralf
-
wer beachtet schon deine Postings?
MfG Thoralf
Dumme Frage. Du natürlich, wie man sieht!
-
-
-
-
Lösungsweg: Table in Table
Bei folgender Demo wird allerdings der Inhalt nur sehr schmal angezeigt, das liegt daran, daß zu wenig Inhalt drin ist.
<html>
<head>
<title>Tabletest</title>
<body><table cellspacing=0 cellpadding=0 border=0>
<tr>
<td valign=top width=100>
<table cellspacing=0 cellpadding=0 border=0>
<tr>
<td bgcolor="lightblue" valign="top">Menue Start<br><br><br><br>Menue Ende</td>
</tr>
<tr>
<td bgcolor="white">leer</td>
</tr>
<tr>
</table>
</td>
<td> </td>
<td width=100%>
<table cellspacing=0 cellpadding=0 border=0>
<tr>
<td colspan=3 bgcolor="yellow" height="10">A</td>
</tr>
<tr>
<td bgcolor="blue" width="10">B</td>
<td bgcolor="red" width="*" height="*" valign="top">Inhalt Start<br><br><br><br><br>Inhalt Ende</td>
<td bgcolor="magenta" width="10">C</td>
</tr>
<tr>
<td colspan=3 bgcolor="yellow" height="10">D</td>
</tr>
</td>
<tr>
</table>
</td>
</tr>
</table></body>
</html>-
Danke Frank
Die Seite wird allerdings scheinbar erst dann richtig angezeigt, wenn man sämtliche überflüssigen Leerzeichen wegläßt. Auch die Breite unter Netscape ist jetzt richtig.
@thoralf:
"wer beachtet schon deine Postings?" ich zum Beispiel, denn zumindest dieser Beitrag von Frank hat mir sehr geholfen und das Problem gelöst.Gruss
Jürgen
-