Problem mit Tabellen

Status
Nicht offen für weitere Antworten.

NetPerformance

Erfahrenes Mitglied
Hi

Mein Problem:
Auf der linken seite ist die Tabelle "###menu_left###" zu sehen.
Wenn ich innerhalb von ###content### etwas schreibe, soll ###menu_left### nicht in die Mitte wandern. ###menu_left### soll oben links bleiben und mich ###content### wachsen.

Problem:
http://www.netperformance.de/test/html.png

Ich hoffe, ihr versteht mein Anliegen.
Anbei noch ein Screenshot. So sollte das Ergebnis ausschauen.

Wunsch: :)
http://www.netperformance.de/test/html1.png

Dank im Vorraus
Aaron

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title><style>
#frame {
  	width: 800px;
	height: 500px;
	border: 1px solid #cccccc; /*dashed fr gestrichelte Linien*/
}
#menu_oben {
	background:#ffffff;
	float:inherit;
}
#header {
	background:green;
	float:inherit;
	height:140px;
}
#bilder {
	background:#ffffff;
	float:left;
}
#logo {
	background:#ffffff;
	float:right;
}
#menu_links {
	background:yellow;
}
#content {
	background:#cccccc;
}
#copyright {
	background:#ccffaa;
	float:left;
}


</style>

</head>

<body>
<table>
	<tr>
		<td>
			<div id="frame">
				<div id="menu_oben">###MENU_TOP###</div>
				<div id="header"><div id="bilder">###BILDER###</div><div id="logo">###LOGO###</div>###HEADER###</div>
				<table width="100%">
					<tr>
						<td width="240px">
							<div id="menu_links">###MENU_LEFT###</div>
						</td>
						<td>
							<div id="content">###CONTENT###
								<br>
								<br>
								<br>
								<br>
								<br>
								<br>
								<br>
                                    			</div>
						</td>
					</tr>
				</table>
			</div>
		</td>
	</tr>
	<tr>
		<td>
			hier unten steht irgendwas
		</td>
	</tr>
</table>
</body>
</html>
 
Mit dem Attribut valign="top" wird der Zelleninhalt am oberen Rand ausgerichtet:

HTML:
<td width="240px" valign="top">
      <div id="menu_links">###MENU_LEFT###</div>
</td>
 
Status
Nicht offen für weitere Antworten.
Zurück