Hallo,
ich möchte ein 3-Spalten-Layout mittels css bzw. mit div umsetzen.
Hierzu habe ich folgednes Layout erstellt:
Meine Frage ist nun:
Wie kann man die Höhe der DIVs "menu" und "right_contents" gleich
der Höhe des div "contents" setzen!
In einem Tabellen-Layout hätte ich für die 3 Divs jeweils eine Spalte
in einer Tabellenzeile gegeben. Wenn dann der Inhalt der einen
Spalte höher wird als die anderen Spalten, passen sich diese der Höhe
nach an!
Versteht Jmd. mein Problem bzw. kann mir dabei helfen?
ich möchte ein 3-Spalten-Layout mittels css bzw. mit div umsetzen.
Hierzu habe ich folgednes Layout erstellt:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>footer gestalten</title>
<style type="text/css" media="screen">
body
{
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
color: #505367;
background-color: #D6D6D6;
}
#container
{
margin: 1em auto;
width: 950px;
text-align: left;
background-color: yellow;
border: 1px solid black;
}
#header
{
height: 45px;
background-color: fuchsia;
}
#menu
{
float:left;
width: 200px;
height: 100px;
background-color: red;
}
#contents
{
float:left;
width:500px;
height: 200px;
background-color: aqua;
}
#right_contents
{
float:left;
width:250px;
height: 25px;
background-color: green;
}
#footer
{
clear: both;
height: 20px;
background-color: lime;
}
</style>
</head>
<body>
<div id="container">
<div id="header">header </div>
<div id="menu">menu</div>
<div id="contents">content</div>
<div id="right_contents">right_content</div>
<div id="footer">footer</div>
</div>
</body>
</html>
Meine Frage ist nun:
Wie kann man die Höhe der DIVs "menu" und "right_contents" gleich
der Höhe des div "contents" setzen!
In einem Tabellen-Layout hätte ich für die 3 Divs jeweils eine Spalte
in einer Tabellenzeile gegeben. Wenn dann der Inhalt der einen
Spalte höher wird als die anderen Spalten, passen sich diese der Höhe
nach an!
Versteht Jmd. mein Problem bzw. kann mir dabei helfen?