Positionierungsprobleme

[Zeromancer]

Hallo Lukas,

Konkret hänge ich gerade an folgendem Beispiel,bei dem ich möchte, dass die "Navigation" linksbündig sitzt, diese aber von der Klasse "mittig" Positioniert wird.

ich habe Verständnisprobleme! ;-)

Um unerwünschte weiße Rahmen zu entfernen, empfiehlt es sich in aller Regel für body/html margin und padding erst einmal auf '0' zu setzen.

html, body {
  margin:0;
  padding:0;
}

Sofern ich dein Anliegen richtig verstehe, willst deinen Inhalt mittig haben sowie einen Header und eine Navigationsleiste links?

Nimm ein umschließendes Div, gib ihm eine Breite und setze es mittels margin:auto zentriert. Notiere in diesem Div deinen Header und danach deine Navi. Gib ihr eine Breite und die Eigenschaft float:left. Danach notiere die Angaben für den Inhaltsbereich.

Bin mir nicht sicher, ob es das ist was du wolltest.

HTML
*******

  
<div id="container">  
<h1>Ein Header - Gerne auch mit Bild</h1>  
<ul id="navi_links">  
  <li>Link</li>  
  <li>Link</li>  
  <li>Link</li>  
  <li>Link</li>  
</ul>  
<div id="content">  
<h2>Überschrift im Inhaltsbereich</h2>  
<p>Text im Inhaltsbereich</p>  
<p>Text im Inhaltsbereich</p>  
<p>Text im Inhaltsbereich</p>  
</div>  
</div>  

CSS
****

  
div#container {  
  width:90%;  
  margin:auto;  
}  
ul#navi_links {  
  width:12em;  
  float:left  
}  
div#content {  
  margin-left:13em;  
}  

Mit freundlichen Grüßen,
André