Tabellen Problem
Mathias
- https
Hallo HTML-Crack's
ich habe folgendes Problem:
Die Webseite sollte so aussehen, dass oben (Header) ein Bild mit der
länge 800 Pixel ist. Darunter folgt dann eine Tabelle mit zwei Spalten, bei der die linke 79 Pixel sein muss, da sonnst der Header und die linke Seite nicht übereinpassen.
Mit Netscape funktioniert das alles, aber mit dem Explorer muss ich 133 Pixel einrücken. Das kann doch gar nicht sein.
Pixel ist doch Pixel (Netscape und Explorer).!?!?
Oder gibt es eine andere Möglichkeit?
Hier der Code:
<!-- Seitenanfang -->
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=1 WIDTH="800">
<tr>
<td><img SRC="http://www.betschart.com/bilder/homepage_oben.gif" height=74 width=800></td>
</tr>
</table>
<!-- End Seitenanfang -->
<!-- Menueleiste -->
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=2 WIDTH="800">
<tr>
<th valign=top WIDTH="79" BGCOLOR="#3333FF">
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
<tr>
<td>
<a href="/portal/" class="menue">Home</a><br>
</td>
</tr>
</table>
</th>
<!-- End Menueleiste -->
<!-- Dynamische Tabelle -->
<td valign=top BGCOLOR="FFFFFF">
<center><a class="uebertitel"><center>Titel</a></center>
</center><br>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="80%">
<tr><td>
<a class="text">text</a><br>
</td></tr>
</table>
</th>
</tr>
</table>
<!-- End Dynamische Tabelle-->
<!-- Seitenende -->
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=2 WIDTH="800">
<tr>
<td WIDTH="79" BGCOLOR="#3333FF">
<a class="textweiss">datum</a><br>
</td>
<td nowrap valign=top BGCOLOR="#3333FF">
<center>
<a class="textweiss">
text
</a>
</center>
</td>
</tr>
</table>
</body>
</html>
<!-- End Seitenende -->
Mallo Mathias,
so ganz habe ich dein Problem nicht verstanden. Du hast eine Grafik, die unten links mit einer Tabellenspalte bündig abschliessen soll. Wenn der untere Rand der Grafik dort 132 Pixel breit ist, dann muss auch die Tabellenspalte darunter 132 Pixel breit sein, und nicht 79 Pixel. Von mir bearbeiteter Code, funzt im IE 5.0:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Mathias Online</title>
</head>
<body>
<!-- Seitenanfang -->
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="800">
<tr>
<td><img SRC="http://www.betschart.com/bilder/homepage_oben.gif" height="74" width="800"></td>
</tr>
</table>
<!-- End Seitenanfang -->
<!-- Menueleiste -->
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="800">
<tr>
<th valign=top WIDTH="132" BGCOLOR="#3333FF">
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%">
<tr>
<td>
<a href="/portal/" class="menue">Home</a>
</td>
</tr>
</table>
</th>
<!-- End Menueleiste -->
<!-- Dynamische Tabelle -->
<td valign="top" BGCOLOR="#FFFFFF" align="center">
<a class="uebertitel">Titel</a>
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="80%">
<tr><td>
<a class="text">text</a>
</td></tr>
</table>
</th>
</tr>
</table>
<!-- End Dynamische Tabelle-->
<!-- Seitenende -->
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="800">
<tr>
<td WIDTH="132" BGCOLOR="#3333FF">
<a class="textweiss">datum</a><br>
</td>
<td nowrap valign=top BGCOLOR="#3333FF">
<a class="textweiss">text</a>
</td>
</tr>
</table>
</body>
</html>
Viele Grüße,
Kirsten
Hallo Kirsten und alle anderen
Schau jetz aber das ganze mit einem Netscape an ...
und Du siehst mein Problem.
Mathias
Mallo Mathias,
so ganz habe ich dein Problem nicht verstanden. Du hast eine Grafik, die unten links mit einer Tabellenspalte bündig abschliessen soll. Wenn der untere Rand der Grafik dort 132 Pixel breit ist, dann muss auch die Tabellenspalte darunter 132 Pixel breit sein, und nicht 79 Pixel. Von mir bearbeiteter Code, funzt im IE 5.0:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Mathias Online</title>
</head><body>
<!-- Seitenanfang -->
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="800">
<tr>
<td><img SRC="http://www.betschart.com/bilder/homepage_oben.gif" height="74" width="800"></td>
</tr>
</table>
<!-- End Seitenanfang --><!-- Menueleiste -->
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="800">
<tr>
<th valign=top WIDTH="132" BGCOLOR="#3333FF">
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%">
<tr>
<td>
<a href="/portal/" class="menue">Home</a>
</td>
</tr>
</table>
</th>
<!-- End Menueleiste --><!-- Dynamische Tabelle -->
<td valign="top" BGCOLOR="#FFFFFF" align="center">
<a class="uebertitel">Titel</a><table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="80%">
<tr><td>
<a class="text">text</a>
</td></tr>
</table>
</th>
</tr>
</table>
<!-- End Dynamische Tabelle--><!-- Seitenende -->
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="800">
<tr>
<td WIDTH="132" BGCOLOR="#3333FF">
<a class="textweiss">datum</a></td>
<td nowrap valign=top BGCOLOR="#3333FF">
<a class="textweiss">text</a>
</td>
</tr>
</table>
</body>
</html>Viele Grüße,
Kirsten
Hallo Mathias,
Schau jetz aber das ganze mit einem Netscape an ...
und Du siehst mein Problem.
hm, tja, da ich jetzt aber zuhause und im Urlaub bin und aus verschiedenen Gründen auf meinem Home-PC zur Zeit keinen Netsi installiert habe (bitte jetzt kein Gebrüll seitens der Netsi-Ritter) und ich momentan zu faul bin, mir einen herunterzuladen, wirst Du leider noch ein bißchen auf Hilfe waren müssen ;-)
Viele Grüße,
Kirsten
Habe das obere Bild in zwei Tabellen zerstückelt (Wie Du es mir gesagt hast).
Und nun funktionierts!
Ich Danke Dir Kirsten!
Mathias
Versuch mal, die obere Grafik zu zerschneiden und alles in eine Tabelle zu packen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Mathias Online</title>
</head>
<body>
<!-- Seitenanfang -->
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="800">
<tr>
<td><img SRC="http://www.betschart.com/bilder/homepage_oben1.gif" height="74" width="132"></td>
<td><img SRC="http://www.betschart.com/bilder/homepage_oben2.gif" height="74" width="668"></td>
</tr>
<!-- End Seitenanfang -->
<!-- Menueleiste -->
<tr>
<td valign=top WIDTH="132" BGCOLOR="#3333FF">
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%">
<tr>
<td>Home</td>
</tr>
</table>
</td>
<!-- End Menueleiste -->
<!-- Dynamische Tabelle -->
<td valign="top" BGCOLOR="#FFFFFF" align="center">
<a class="uebertitel">Titel</a>
<table BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="80%" align="left">
<tr>
<td>
<a class="text">text</a>
</td></tr>
</table>
</td>
</tr>
<!-- End Dynamische Tabelle-->
<!-- Seitenende -->
<tr>
<td WIDTH="132" BGCOLOR="#3333FF">
<a class="textweiss">datum</a>
</td>
<td nowrap valign=top BGCOLOR="#3333FF">
<a class="textweiss">text</a>
</td>
</tr>
</table>
</body>
</html>
Viele Grüße,
Kirsten