Menü nicht mittig? Warum? XHTML?

Hallo, mein neues Menü will nicht mittig werden… könnt ihr mir sagen woran’s liegt? weder text-align:center noch ein tag können was ausrichten… geht um diese seite:
Free-SMS für die Hiphop-Community: Hiphop-SMS.com | Home

HTML:

[code]



  <div style="text-align:center">
    <img src="willkommen.png" border="0" alt="Willkommen auf Hiphop-SMS.com!" title=""><br><br>
    <a href="javascript:addbookmark()">Bookmark This Site (IE)</a><br>
    <a href="javascript:window.external.addPanel('Webmaster Resource - Alles für Webmaster!', 'http://www.webmaster-resource.de/', '');">Bookmark This Site (Firefox)</a> <br><br>

Peace! Bitte entschuldige, dass unsere Seite in den letzten Tagen manchmal nicht erreichbar war. Es gab massive Serverprobleme bei unserem Hoster. Sorry! Hoffentlich kommmt ihr immer noch gern her! Bei Hiphop-SMS.COM bist du auf dem neuen Rap und Hiphop Portal in Deutschland gelandet. Hier bekommst du alles, was du brauchst: Wir bieten dir unbegrenzt kostenlose Musik, Rap aus den Staaten und aus good old Germany sowie RnB soviel du brauchen kannst. Unsere Radios (2x Rap Radio, 1x Rnb Radio) spielen alles: ob topaktuelle Chartbreaker oder Oldsql-Songs. Neben der Music Sache zeigen wir dir was los: Auf unserer News Seite sind RSS-Feeds von vier bekannten Hiphop Seiten in Deutschland zusammengefasst, von Blogs und Portalen. So checkst du alle Hiphop News auf einen Blick ohne tausend Seiten besuchen zu müssen. Und jetzt kommt ja noch die Frage, warum das ganze Hiphop-SMS.com heißt: Weil du hier pro Tag absolut kostenlos 5 SMS schreiben kannst! Was will man mehr?

Hiphop-SMS.COM – Rap Radio, RnB Radio, Hiphop News und Free-SMS!



myBet.de - Sportwetten
- 1 Euro Gratiswette bei Anmeldung - Bis zu 50 Euro Bonus bei Einzahlung - Bis zu 20 000 Euro gewinnen

Spielend gewinnen mit den besten Quoten beim Testsieger (Maxim 02/05 und Tomorrow 09/04).

Jetzt anmelden und wetten!



DFB Trikot Fanshop EM2008
  </div>

  <div id="div2">
Ihr Browser unterstützt kein Javascript.
Free SMS
  <div id="div2unten">

      <br>

      <h1>Anleitung zum Versenden:</h1><br>

      <p>
        1. Nummer und Nachricht eingeben<br>
        2. Auf "Weiter" klicken<br>
        3. Es erscheint Werbung<br>
    4. Kein Klickzwang, nur kurz warten<br>
    5. Buchstabencode eingeben<br>
    6. Auf den angezeigten Banner klicken!<br>
      </p>

    </div>
  </div>

  <div id="div3">
  <br class="clear" />
  </div>

  <div id="footer">

    <br>

    <div style="text-align:center">
      <script type="text/javascript" src="http://www.hiphop-pott.de/js/content.php?anzahl=3"></script>
  
<br><br>
Partner: <a href="http://www.planet-ali.de">Free SMS</a>
    </div>

    </div>  <!-- Histats.com  START  --> 

web log free
</div>

<div>

</div>

[/code]CSS:

[code]

#pro11 ul {margin:0 auto; padding:0; list-style:none; white-space:nowrap; list-style:none; height:35px; position:relative; background:#fff; font-size:11px;}
#pro11 li {margin:0 1px 0 0; padding:0; float:left;}
#pro11 li a {display:block; float:left; height:35px; line-height:20px; color:#ddd; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(pro_11_0a.gif) no-repeat;}
#pro11 li a b {float:left; display:block; padding:0 25px 15px 15px; background:url(pro_11_0b.gif) no-repeat right top;}
#pro11 li.current a {color:#fff; background:url(pro_11_2a.gif) no-repeat; line-height:23px;}
#pro11 li.current a b {background:url(pro_11_2b.gif) no-repeat right top; padding-bottom:12px;}
#pro11 li a:hover {color:#fff; background: url(pro_11_1a.gif) no-repeat; line-height:23px;}
#pro11 li a:hover b {background:url(pro_11_1b.gif) no-repeat right top; padding-bottom:12px;}
#pro11 li.current a:hover {color:#fff; background: url(pro_11_2a.gif) no-repeat; cursor:default;}
#pro11 li.current a:hover b {background:url(pro_11_2b.gif) no-repeat right top;}

[/code]PS, andere, unwichtige frage: wisst ihr eigentlich zufällig auch wie man bei manchen css menüs aus dem web es schafft wegzukriegen, dass die ewig weitergehen rechts?

  1. ist veraltet und nicht valide.
  2. text-align:center zentriert nur Inline-Elemente.
  3. Block-Elemente, wie ein Menu (
      ) zentriert man mit „margin:0 auto“;

Gruß,
-Efchen

hilft nix

weder dein „margin:0 auto“ noch ein „margin:auto“ helfen mir weiter, hab ich auch schon probiert… :frowning: trotzdem schon mal danke, vllt weiß ja noch jmd was…

Dann hast Du was falsch gemacht.
Dass Block-Elemente zentriert sind, merkt man natürlich nur, wenn man ihnen auch eine Breite mitgibt, denn per default sind Block-Elemente immer 100% breit und damit auch immer zentriert.

Hmmm…Dein Code oben hat aber noch ein paar andere Schwächen, die sich evtl. auch kontraproduktion zu CSS verhalten. Das -Tag z.B. (was schon seit Jahren deprecated ist und außerdem ja auch Layout ist und daher gar nicht in HTML vorkommen sollte). Auch dass die

    nochmal in ein
    gepackt wird, erscheint mir sinnlos, die vielen
    -Tags usw. usf.

    CSS kann nur anständig funktionieren, wenn die Basis aus HTML stimmt, d.h. zumindest valide ist, was hier prüfbar ist: The W3C Markup Validation Service