hallo leute,
ich möchte gerne folgendes machen in meinen beispiel.
die div box " rightbox " soll auf die selbe höhe wie die div box " leftbox " und der abstand zwischen der " content " soll so sein wie der von der " content " box zur " leftbox ".
wie bekomme ich das hin, so das ist mein erstes problem.
das zweite ist, die " content " box soll immer dynamisch sein, damit meine ich wen ich die seite mit einer kleineren auflössung betrachte soll nur die " content " box kleiner werden nicht die beiden boxen " leftbox und rightbox " was muss man daran ändern um diese beiden sachen hin zu bekommen ?
danke schon mal und hoffe ich mache nett so eine große mühe euch damit ...
Danke ...
hier der code :
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Div Boxen Design</title>
<style type="text/css">
<!--
body {
margin: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
background-color: #4B6356;
}
#herader{
background:#f3f3f3;
padding:5px;}
#leftbox{
background:#d3d3d3;
float:left;padding:5px;
width:145px;
margin:5px 0 20;}
#rightbox{
width: 145px;
background-color: #A9A9A9;
float:right;
}
#content{
background:#a1a1a1;
padding:5px;
margin:5px 155 20 155px;
width: 600px;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="left" valign="top">
<div id="herader">Header Bereich <br />
</div>
<div id="leftbox">
<p>Navigation Bereich<br />
</p>
<p> </p>
<p><br />
<br />
</p>
</div>
<div id="content">Inhalt Bereich Dieser Bereich soll Dynamisch sein, er soll immer voll an der Linken und Rechten Box anliegen egal welche Auflössung... <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="rightbox">Rechter Bereich </div></td>
</tr>
</table>
</body>
</html>
