thor: Alles ist zentriert - außer der Text!

Hallo liebe Community,

wie schaffe ich es, das hier der Text auch Zentriert ist?
Denn laut dem Quelltext müsste es eigentlich so sein... :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"   "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>TITLE</title> <style type="text/css"> /* Vertikale Navigation */   div#Tmenu {     font-size: 94%;     width: 10em;     padding: 0.8em;     border: 1px solid white;     background-color: #00003d;   }   * html div#Tmenu {     width: 11.3em;     w\idth: 10em;  /* (IE 6 in standards-compliant mode) */   }   ul#Navigation {     font-size: 0.91em;     float: left; width: 22em;     margin: 0 0 1em 1em; padding: 0;     border: 0px dashed silver;   }   div#Inhalt { }  /* keine Formatierungen (das div kann wegfallen) */   body {     min-width: 20em; /* Mindestbreite (der Navigation) verhindert Anzeigefehler in modernen Browsern */   }  ul#Navigation li {     list-style: none;     position: relative;     margin: 0.4em; padding: 0;   }   * html ul#Navigation li {     margin-right:1.5em;  /* Platz fuer Link-Verbreiterung im IE reservieren */     margin-bottom:0;   }   ul#Navigation li ul {     margin: 0; padding: 0;     position: absolute;     top: 0; left: 9.3em;   }   *:first-child+html ul#Navigation li ul {     left: 9em;  /* (IE 7 in standards-compliant mode) */   }   ul#Navigation li ul li {     margin: 0; padding-left: 1.4em;   }   ul#Navigation a, ul#Navigation span {     display: block;     width: 7em;     font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;     text-decoration: none; font-weight: bold;     padding: 0.2em 1em;     border: 1px solid #900;     border-left-color: #c96; border-top-color: #c96;     color: white; background-color: #c00;   }   * html ul#Navigation a, * html ul#Navigation span {     width: 9em;     w\idth: 7em;  /* (IE 6 in standards-compliant mode) */   }   ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {     border-color: #c96;     border-left-color: #900; border-top-color: #900;     background-color: #e00;   }   li a#aktuell {     border-right-color: #300; border-bottom-color: #300;     background-color: #900;   }   ul#Navigation li ul span {     border-color: #900; border-left-color: #c96;     color: #900; background-color: white;   }   ul#Navigation li a:active {     color: black; background-color: #f00;   } /* dynamisches Ein-/Ausblenden */   ul#Navigation li ul {     display: none;   }   ul#Navigation li:hover>ul {     display: block;   }   ul#Navigation>li:hover>a {     width: 8.2em;     background: #e00 url(pfeil.gif) no-repeat center right;   } /* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */   * html ul#Navigation li.hoverIE {     margin-right:0;  /* reservierten Platz freigeben */     margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */   }   * html ul#Navigation li.hoverIE ul {     display: block;   }   * html ul#Navigation li .hoverIE {     width: 10.3em;     w\idth: 8.2em;  /* (IE 6 in standards-compliant mode) */     background: #e00 url(pfeil.gif) no-repeat center right;   } </style> <!--[if IE]> <script type="text/javascript"> // <![CDATA[ if(window.navigator.systemLanguage && !window.navigator.language) {   function hoverIE() {     var LI = document.getElementById("Navigation").firstChild;     do {       if (sucheUL(LI.firstChild)) {         LI.onmouseover=einblenden; LI.onmouseout=ausblenden;       }       LI = LI.nextSibling;     }     while(LI);   }   function sucheUL(UL) {     do {       if(UL) UL = UL.nextSibling;       if(UL && UL.nodeName == "UL") return UL;     }     while(UL);     return false;   }   function einblenden() {     var UL = sucheUL(this.firstChild);     UL.style.display = "block"; UL.style.backgroundColor = "#eee";   }   function ausblenden() {     sucheUL(this.firstChild).style.display = "none";   }   window.onload=hoverIE; } // ]]> </script> <![endif]--> </head> <body bgcolor="#00003d" text="#ff8c00" link="red" alink="green" vlink="green"> <div id="Tmenu">   <ul id="Navigation">     <li><a id="aktuell" href="home.html">Home</a>       <ul>         <li><span> Home </span></li>          <li><a href="feedback.html">Feedback</a></li>   </ul>     </li>     <li><a href="info.html">Info</a></li>     <li><a href="#Beispiel">Team</a></li>     <li><a href="projekte.html">Projekte</a>   <ul>         <li><a href="video.html">Video der 5. Klassen</a></li>         <li><a href="projektkarten.html">Gehegekartierung der 5. Klassen</a></li>         <li><a href="#Beispiel">Kunstprojekt: Ziegenkacheln</a></li>       </ul></li>   <li><a href="#Beispiel">Seite 3</a>       <ul>         <li><a href="#Beispiel">Seite 3a</a></li>         <li><a href="#Beispiel">Seite 3b</a></li>         <li><a href="#Beispiel">Seite 3c</a></li>       </ul>     </li>   </ul>   </div> <div id="Inhalt"> <div style="font-family:Verdana,Tahoma,Impact"> Besucherzähler: <img src="http://www.besucherzaehler.org/counter.html?id=27381&c=10" alt="Besucherzähler" border="0"> <br> <img src="hannesauge.bmp"></img> <br> <div style="font-size:0.9em"> Homepage-Design &copy; 2008 by Vincent Rolfs, Kl. 7e. </div> </div> </div> </body> </html>

Gruß

Thor

  1. Denn laut dem Quelltext müsste es eigentlich so sein... :

    Kannst du mir die Anweisung zeigen, welche laut deinem Quelltext Text zentrieren soll? Ich finde Sie nicht

    mfg Beat;

    <o(((°>           ><o(((°>

       <°)))o><                     ><o(((°>o

    --                  /|
      <°)))o><   __ / |    /|
                /__\ _|___/ |     ><o(((°>
               OvVVvO    __ |        ><o(((°>
    <°)))o><  /v    v\\/  \|
     <°)))o>< \^    ^/_/_         ><o(((°>
               \^^^^/___/
                ----            ><o(((°>
    1. Denn laut dem Quelltext müsste es eigentlich so sein... :

      Kannst du mir die Anweisung zeigen, welche laut deinem Quelltext Text zentrieren soll? Ich finde Sie nicht

      mfg Beat;

      Aber warum ist denn alles andere zentriert?

      1. Denn laut dem Quelltext müsste es eigentlich so sein... :

        Kannst du mir die Anweisung zeigen, welche laut deinem Quelltext Text zentrieren soll? Ich finde Sie nicht

        Aber warum ist denn alles andere zentriert?

        Unter allem anderen verstehst du wohl Blockelemente?
        Diese werden durch die Angabe margin und width zentriert, genauer
        margin-right:auto;
        margin-left:auto;
          und
        width:<nnn><UNIT>;
          also nicht auto

        mfg Beat; --

        <o(((°>           ><o(((°>

           <°)))o><                     ><o(((°>o

      2. Hi,

        Kannst du mir die Anweisung zeigen, welche laut deinem Quelltext Text zentrieren soll? Ich finde Sie nicht

        Aber warum ist denn alles andere zentriert?

        Was soll denn da ueberhaupt zentriert sein?

        Es mag vielleicht bei der Browserfensterbreite, die du gerade verwendest, halbwegs zentriert aussehen - aber bei der meinen kann ich da von einer Zentrierung wenig entdecken.

        Vielleicht solltest du dir neben der Eigenschaft zum horizontalen Zentrieren von Text (und inline Elementen) auch mal den hiesigen FAQ-Punkt Wie zentriere ich Elemente mit CSS? anschauen.

        MfG ChrisB

        --
        „This is the author's opinion, not necessarily that of Starbucks.“

  2. Hi,

    wie schaffe ich es, das hier der Text auch Zentriert ist?
    Denn laut dem Quelltext müsste es eigentlich so sein... :

    Soll Dein Text hellsehen, daß Du ihn zentriert haben willst?

    Ich seh in Deinem CSS keine einzige Angabe zur Textausrichtung (text-align).

    cu,
    Andreas

    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.

    -- Warum nennt sich Andreas hier MudGuard?
    O o ostern ...