Hallo:
ich möchte das unabhängig vom Text die Navigationspalte und der Contetn immer 100% sind von oben nach unten - ergo immer unten am rand aufliegt
Nur mit height:100% gehts nicht ;(
Code:
<style type="text/css">
/* <![CDATA[ */
/* Gleichberechtigung für alle Browser */
* {
margin:0;
padding:0;
border:0
}
html,body {
font:.9em/1.3em Georgia, Verdana, Arial, Helvetica, sans-serif;
background:#E4E4C9;
color:#555;
text-align:center
}
/* Umhüllt die komplette Seite */
div#wrapper {
text-align:left;
margin-right:470px;
position:fixed;
}
/* Der Header */
div#header {
width:100%;
height:100px;
text-align:center;
padding-top:20px;
background:#C5C58B
}
/* Die Navigation */
div#menu {
width:170px;
float:left;
}
div#menu ul li {
margin:10px 10px 0;
line-height:22px;
list-style:none;
margin-bottom:2px;
text-align:center;
border:1px solid #FFF;
}
div#menu ul li a {
display:block;
width:100%;
color:#555;
background:#F2F1D9;
text-decoration:none;
}
div#menu ul li a:hover {
color:#F2F1D9;
background:#555;
}
/* Der Inhalt */
div#content {
position:relative;
margin-left:170px;
padding:10px;
background:#FFF;
border-left:2px solid #C5C58B;
}
div#content h1 {
font-size: 1.3em;
color:#000;
margin-bottom:20px;
border-bottom:1px solid #000
}
div#content h2 {
font-size: 1.1em;
margin:15px 0;
}
.clear-left {
clear:left; /* Wer float sagt, muss auch clear sagen */
font-size:1px; /* Damit das Ganze unsichtbar bleibt */
}
/*]]>*/
</style>
