Hm, ok, bin ein wenig weiter!
Hab aber jetzt ein anderes Problem, folgender Code:
HTML-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" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content=""/>
<meta http-equiv="content-language" content="en" />
<link rel="icon" type="image/img" href="include/theme/default/img/icon.png" />
<link rel="stylesheet" type="text/css" media="all" href="include/theme/default/css/default.css" charset="utf-8" />
</head>
<body>
<div class="container">
<div id="pagetop">
top
</div>
<div id="pagepath">
path
</div>
<div class="content">
<div class="icontent">
<div class="index_content">
...
</div> </div>
<div class="inavigation">
<div id="loginarea">
<br />
...
</div> </div>
</div>
<div id="pagebottom">
bottom
</div> </div>
</body>
</html>
und
Code:
div.container {
margin-top: 5px;
margin-left: auto;
margin-right: auto;
border: 1px solid #D7D7D2;
padding: 3px;
width: 90%;
}
div.content {
position: relative;
height: 300px;
border: 1px solid #000000;
margin: 0 auto;
padding: 10px;
}
div.icontent {
position: absolute;
right: 0;
width: 75%;
}
div.inavigation {
position: absolute;
left: 0;
width: 15%;
}
Durch die angabe mit absolute und left & right muss ich fuer div.content die groesse angeben, damit der footer wirklich auch unterhalb des Elements bleibt.
wie kann ich das umgehn, dass die groesse auch dynamisch angepasst wird?
mfg
Lesezeichen