nicht angemeldet
hi,
da gibt es mehrere moeglichkeiten, musst du halt googlen, dann findest du viele 'wege', nur halt leider die alle beisbiele, die die man im netz finden kann nicht immer auf allen browsern gut sind.
Eine moeglichkeit waer ja:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>3 columns, fixed width, content tallest</title>
<style type="text/css">
#container{
background-color:#9cc;
float:left;
width:500px;
border-left:150px solid #cf9; /* The width and color of the left rail */
border-right:200px solid #c33; /* The width and color of the right rail */
}
#leftRail{
float:left;
width:150px;
margin-left:-150px;
position:relative;
}
#center{
float:left;
width:500px;
margin-right:-500px;
}
#rightRail{
float:right;
width:200px;
margin-right:-200px;
position:relative;
}
</style>
</head>
<body>
<p>source: http://alistapart.com/articles/multicolumnlayouts</p>
<div style="width:850px;margin:0 auto">
<div id="container">
<div id="center">CENTER<br />COLUMN CONTENT</div>
<div id="leftRail"><p>LEFT RAIL</p><p>LEFT RAIL</p><p>LEFT RAIL</p><p>LEFT RAIL</p></div>
<div id="rightRail">
<p>RIGHT RAIL</p>
</div>
</div>
</div>
</body>
</html>