Jörg Kruses Webmaster-Forum > HTML und CSS

Unterer Tand funktioniert nicht

1 Tilman

Hallo!

Ich habe ein Problem mit meiner Webseite.
Der Grundaufbau meiner Webseite ist:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
...
<link rel="stylesheet" href="css/format.css" type="text/css">
<link rel="stylesheet" media="print" type="text/css" href="css/print.css">
<script language="JavaScript" src="scripts/suche.js"></script>
...</head>
<body>
<table width="900" border="0" cellspacing="0" cellpadding="0" align="left" id="maintable">
<tr>...</tr>
<tr><td valign="middle" width="900" colspan="2" class="mainmenuetr" height="25">
<table border="0" cellspacing="0" cellpadding="0" id="mainmenue" height="25"><tr>

...</tr>

<tr><td width="700"><div id="hereareyou">
...
</div></td>
</tr>

<tr><td width="505" id="inhalt">
...
</td>
<td width="395" id="tdright">
...
</td></tr></table>
</body>
</html>

Der body-Teil des CSS-Dokuments ist:

body
{margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; background-color: #fff;
}

Jedoch erscheint kein unterer Rand.

2 Jörg Kruse

In deinem Code-Beispiel wird die äußere Tabelle nicht geschlossen. Das scheint aber nicht die Ursache des fehlenden Randes zu sein, sondern das align="left" in der äußeren Tabelle. Wenn du dies rausnimmst, wird der body margin auch unten angezeigt.

PS: HTML 4.0 sollte nicht mehr verwendet werden - aktuell ist HTML 4.01, entsprechend würde ich die Doctype-Angabe anpassen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Beitrag schreiben (als Gast)