Tweet
hallo.
kann mir jemand bitte kurz behilflich sein? hätte gerne eine grundstruktur wie die folgende erstellt:
also links ein platzhalter für ein navigationsmenü, oben ein header, gefolgt vom content und darunter ein footer. das ganze wird eingerahmt von einem wrapper-div, das später eine hintergrundgrafik aufnehmen soll.
wrapper soll sich an die größe des inhaltes anpassen, also nach unten "mitwachsen", je nachdem welches der "kinder" den meisten platz beansprucht (nav und content kämen hier in frage). nav, header und footer haben eine fixe höhe, content passt sich dem eigentlichen inhalt der webseite an.
bis jetzt hab ich sowas:
der quelltext:
wie kann man das am einfachsten korrigieren?
besten dank schon mal im voraus!
kann mir jemand bitte kurz behilflich sein? hätte gerne eine grundstruktur wie die folgende erstellt:
Code:
+-------------------------------------------------------------+ |+---+ | ||nav| +--------------------------------------------------+ | || | | header | | || | +--------------------------------------------------+ | || | +--------------------------------------------------+ | || | | content | | || | | | | || | | | | || | | | | || | | | | || | | | | || | | | | |+---+ | | | | | | | | +--------------------------------------------------+ | | +------------------------------------------------------+| | | footer || | +------------------------------------------------------+| +-------------------------------------------------------------+
wrapper soll sich an die größe des inhaltes anpassen, also nach unten "mitwachsen", je nachdem welches der "kinder" den meisten platz beansprucht (nav und content kämen hier in frage). nav, header und footer haben eine fixe höhe, content passt sich dem eigentlichen inhalt der webseite an.
bis jetzt hab ich sowas:
der quelltext:
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Framework</title>
<style type="text/css">
<!--
body {
padding: 0px;
margin: 0px;
}
#wrapper {
position: absolute;
border: thin solid;
width: 760px;
}
#navigation {
background-color: #EBB213;
width: 30px;
height: 300px;
}
#header {
position: absolute;
left: 60px;
top: 15px;
width: 675px;
background-color: #005837;
}
#content {
position: absolute;
left: 60px;
top: 50px;
width: 675px;
background-color: #EEE1C5;
}
#footer {
position: relative;
left: 40px;
bottom: 0px;
width: 720px;
background-color: #BD3038;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="navigation">nav</div>
<div id="header">header</div>
<div id="content">
<p>snip</p>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
besten dank schon mal im voraus!
Kommentar