Central Container wächst nicht mit

Corraggiouno · 21 August 2009

hi,

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>Jaki und Klaiber</title>
<link href="css/jk2.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
<h1>Jaki und Klaiber</h1>
 <div id="central">
  <div id="nav">
   <ul>
    <li><a href="partner2.php">Partner</a></li>
    <li><a href="Unternehmen.php">Unternehmen</a></li>
    <li><a href="Unternehmen.php">Unternehmen</a></li>
    <li><a href="Unternehmen.php">Unternehmen</a></li>
    <li><a href="Unternehmen.php">Unternehmen</a></li>
   </ul>
  </div><!-- end nav -->
  
  
 </div><!-- end central -->
</div>
</body>
</html>

css-code

Code:

html {
height: 100.3%;
}

body{
font-family: Verdana, sans-serif;
font-size:0.8em;
color: #000000;
}

* {
margin: 0;
padding: 0;
}

div#wrapper {
width: 900px;
margin:5px auto;
}


h1 {
background: url(../images/logo.gif) no-repeat;
height:239px;
text-indent: -999em;
}

div#central {
background: url(../images/central.gif) repeat-y;
}

div#nav {
float:right;
width:525px;
}

div#nav li {
display:inline;
padding:20px;
list-style-type:none;
}

hier das ergebnis: Jaki und Klaiber

Warum wächst der Central-Container nicht durch das Hinzufügen des Nav-Containers mit?
Mein Nav-Container wird einfach unten hinzügefügt ohne das der Central - Container mit wächst?
Finde meinen Fehler nicht. Kann mir jemand einen Tipp geben?

neuroleptika · 21 August 2009

Durch float:right schwebt div#nav unter der Oberkannte von div#central.
Wenn div#nav div#central auseinanderdrücken soll muß der float eingeschlossen werden.
Z.B mit einem zusätzlichen Element unter div#nav aber innerhalb div#central.

Code:

 <div id="central">
  <div id="nav">
   <ul>
    <li><a href="partner2.php">Partner</a></li>
    <li><a href="Unternehmen.php">Unternehmen</a></li>
    <li><a href="Unternehmen.php">Unternehmen</a></li>
    <li><a href="Unternehmen.php">Unternehmen</a></li>
    <li><a href="Unternehmen.php">Unternehmen</a></li>
   </ul>
[COLOR="DarkRed"][B]<div style="clear: right"><!-- --></div>[/B][/COLOR]
  </div>

Entferne besser das width für div#nav. Der inline-Inhalt passt sonst nur bei bestimmten Schriften / Schriftgrößen nebeneinander.

Central Container wächst nicht mit

Corraggiouno

Mitglied

neuroleptika

Aktives Mitglied

Neueste Beiträge