text-align: center; funktioniert nicht

[B[r]owser]

Hey Leute,

habe da mal ein Problem mit der Positionierung eines Block-Elements...

  
  
<header>  
<img src="bilder/navn_01.gif" alt="info" width="800" height="66" />  
</header>  
<nav>  
<ul><li>UNTERK&Uuml;NFTE  
		<ul><li>Hotels und Pensionen</li>  
        	<li>Privatzimmer / Appartments</li>  
                <li>Veranstaltungsr&auml;ume</li>  
    	</ul>  
<!-- usw -->  

Der dazugehörige CSS Code:

  
body {  
        font-family: Verdana, Arial, Helvetica, sans-serif;  
	margin: 0;  
	padding: 0;  
	text-align: center;  
	  
}  
  
nav {  
	width: 800px;  
}  
  
nav ul li {  
	list-style-type: none;  
	display: inline;  
}  
  
nav ul li ul {  
	display: none;  
}  
  

Aus irgendeinem Grund wird das <nav> Element nicht unter navn_01.gif, sondern links versetzt davon angezeigt. Müsste <nav> nicht zentriert unter navn_01.gif angezeigt werden (aufgrund des text-align: center;) ?
Wo liegt der Fehler?

Danke,
B[r]owser

[B[r]owser]

P.S.: Hab das Problem zwar folgendermaßen gelöst:

  
nav {  
    width: 800px;  
    margin: auto;  
}  

Trotzdem meine Frage:

Warum hebt die width - Angabe die übergeordnete text-align: center; Angabe ohne margin: auto; auf?

Und was genau tut margin: auto; eigentlich?

Danke,
B[r]owser

[Gunnar Bittersmann]

@@B[r]owser:

nuqneH

Warum hebt die width - Angabe die übergeordnete text-align: center; Angabe ohne margin: auto; auf?

Da wird nichts aufgehoben, text-align wirkt nur einfach nicht.

Und was genau tut margin: auto; eigentlich?

Was in [CSS21 §10.3.3] geschrieben steht. (Oder auf deutsch in [CSS20 §10.3.3] – allerdings ohne den letzten Satz.)

Qapla'

[Gunnar Bittersmann]

@@B[r]owser:

nuqneH

Wo liegt der Fehler?

Du denkst, dass text-align auf Blockelemente wirken würde. Wie man Blockelemente zentriert, steht in den FAQ.

<li>Veranstaltungsr&auml;ume</li>

Warum verstümmelst du Umlaute? Du solltest "Veranstaltungsräume" im HTML-Quelltext schreiben. [qa-escapes]

<ul><li>UNTERK&Uuml;NFTE

Dito. Außerdem solltest du "Unterkünfte" im HTML-Quelltext schreiben und die <http://de.selfhtml.org/css/eigenschaften/schrift.htm#text_transform@title=Darstellung in Großbuchstaben> CSS überlassen.

Qapla'

[B[r]owser]

Danke für die Links, die haben mir wirklich weitergeholfen.

In den FAQ steht unter anderem für die Ausrichtung von Blockelementen folgendes:

margin-left:auto; margin-right:auto; = zentriert ausrichten.

Gehe ich also recht in der Annahme dass margin: auto; tatsächlich die korrekte CSS Auszeichnung für die zentrierte Darstellung von BLOCK Elementen ist?

Danke,
B[r]owser.

[B[r]owser]

P.S.: Demzufolge müsste ich also dem <header> Element korrekterweise ebenfalls margin-left:auto; margin-right:auto; zuweisen?