B[r]owser: text-align: center; funktioniert nicht

SELF-Forum

text-align: center; funktioniert nicht

B[r]owser
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. text-align: center; funktioniert nicht

    B[r]owser
    – Informationen zu den Bewertungsregeln

    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

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. text-align: center; funktioniert nicht

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      @@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'

      --
      Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
      (Mark Twain)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. text-align: center; funktioniert nicht

    Gunnar Bittersmann Homepage des Autors
    +1 Informationen zu den Bewertungsregeln

    @@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'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

    1. text-align: center; funktioniert nicht

      B[r]owser
      – Informationen zu den Bewertungsregeln

      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.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. P.S. text-align: center; funktioniert nicht

        B[r]owser
        – Informationen zu den Bewertungsregeln

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

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln