Der Norde: höhe über bildschirm und float

Beitrag lesen

SELF-Forum

höhe über bildschirm und float

Der Norde
– Informationen zu den Bewertungsregeln

Hallo!

Hier funktioniert es nicht:

CSS:

* {
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
}
/* Hauptbox: Zentrierung des Inhalts */
#main-bk {
position: relative;
width: 760px;
visibility: visible;
text-align: left;
margin: 10px 0 0 -380px;
padding: 0;
overflow: visible;
}
/* Navigation oben */
#nav {
height: 140px;
background-color: #CCDCF1;
width: 760px;
overflow: hidden;
margin: 0;
padding: 0;
float: none;
}
/* Inhalt von #nav */

#navigation {
margin-top: 60px;
margin-left: 100px;
float: left;
color: white;
background-color: #8AACDA;
}

/* Der Inhaltsteil; #main umschliesst #links und #content und soll eine gemeinsame Hintergrundfarbe für den Contentteil bereitstellen */
#main {
padding: 10px;
margin-top: 10px;
background-color: #CCDCF1;
float: left;
height: 100%;
}

#links {
background-color: #F9E7D5;
padding: 8px;
margin-top: 10px;
margin-left: 0px;
width: 124px;
float: left;
}

#content {
background-color: #F9E7D5;
padding: 8px;
margin-top: 10px;
margin-left: 10px;
width: 574px;
float: left;
}

XHTML:

<body>

<div id="main-bk">
  <div id="nav"> </div>
<div id="main">
    <div id="links"><p>fhggfgfhg</p></div>
    <div id="content"><p>Dies ist der Contentteil, in dem die Inhalte stehen. Daher
      auch &quot;Content&quot; (englisch: &quot;Inhalt&quot;). Dies ist nur ein
      Fliesstext, der dazu dient, die Inhalte im vorgesehenen Design zu sehen
      und zu begutachten. Daher schreibe ich jetzt einfach mal drauf los, ohne,
      dass alles, was hier steht, unbedingt gelesen werden sollte.</p></div>
  </div>
</div>
</body>

Das mit den 100% und margin=0 funktioniert wohl nur dann, wenn keine Inhalte in den Boxen stehen, oder?

Beitrag melden
–
Informationen zu den Bewertungsregeln