• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

divs nicht untereinander

Mr.Mister

Neues Mitglied
Hallo Leute,

mit folgendem Code möchte ich mein Problem verdeutlichen.

Code:
html {
background-color: #000000;
width:100%;
height:100%;
}

#wrapper
{
background-color: #000000;
text-align: center;
position: relative;
}

#navi
{
background-color: #000000;
position: absolute;
width: 650px;
height: 100px;
left: 50%;
margin-left: -325px;
border: solid red;
}

#content
{
position: absolute;
font-family: Verdana;
border: solid blue;
width: 600px;
height: 200px;
}

Code:
<head>
  <title>Test</title>
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
  </head>
 
 <body>
  <div id="wrapper">
   <img border="0" src="httpdocs/img/layout_a.jpg" alt="wrapper" />
  </div>
  <div id="navi">
   <a href="news.html">NEWS</a>
   <a href="shows.html">SHOWS/></a>
   <a href="bio.html">BIO/></a>
   <a href="music.html">MUSIC</a>
   <a href="media.html">MEDIA</a>
   <a href="links.html">LINKS</a>
   <a href="merch.html">MERCH</a>
   <a href="guestbook.html">GUESTBOOK</a>
   <a href="impressum.html">IMPRESSUM</a>  </div>

  <div id="content">
  </div>
 </body> 
</html>

Ich möchte dass sich unterhalb meines zentrierten divs (Navigation, rot) ein weiterer div (Content, blau) anschließt. Wie bekomme ich das hin?
 
Verzichte auf absolute Positionierung. Dann richten sich die Elemente nach den eigentlichen Maßen und umgebenden Elementen aus.

Was Du #navi nennst solltest Du zudem zu einer <ul>-Liste umbauen. Denn Menüs definiert man als eben solche.

Moderation: Verschoben von HTML zu CSS da es um Gestaltung geht.
 
Zurück
Oben