• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Menü nicht mittig? Warum? XHTML?

Status
Für weitere Antworten geschlossen.

PeterAssmann

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


HTML:
Code:
<div id="all">
    <div id="main">
<center>
      <div id="pro11"; style="text-align:center">
        <ul>
      <li><a href="index.html"><b><h1>Free SMS</h1></b></a></li>
      <li><a href="rap-radio.html"><b><h1>Rap-Radio</h1></b></a></li>
      <li><a href="rnb-radio.html"><b><h1>R&B-Radio</h1></b></a></li>
      <li><a href="rap-news.html"><b><h1>Hiphop News</h1></b></a></li>
      <li><a href="paid-sms.html"><b><h1>Paid SMS</h1></b></a></li>
         </ul>
      </div>
</center>
<br><br>

      <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 <strong>Rap</strong> und <strong>Hiphop</strong> Portal in Deutschland gelandet. Hier bekommst du alles, was du brauchst: Wir bieten dir unbegrenzt kostenlose Musik, <strong>Rap</strong>  aus den Staaten und aus good old Germany sowie <strong>RnB</strong> soviel du brauchen kannst. Unsere Radios (2x <strong>Rap Radio</strong>, 1x <strong>Rnb Radio</strong>) 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 <strong>Hiphop</strong>  Seiten in Deutschland zusammengefasst, von Blogs und Portalen. So checkst du alle <strong>Hiphop News</strong> 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? 
</div>
<h1><strong> Hiphop-SMS.COM – Rap Radio, RnB Radio, Hiphop News und Free-SMS! </strong></h1><br>
      <br>
<center><!-- BEGIN PARTNER PROGRAM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK -->
<a href="http://partners.webmasterplan.com/click.asp?ref=454380&site=3397&type=text&tnb=5" target="_blank">
myBet.de - Sportwetten
</a><br><a href="http://partners.webmasterplan.com/click.asp?ref=454380&site=3397&type=text&tnb=5" target="_blank">
- 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).</a><br><a href="http://partners.webmasterplan.com/click.asp?ref=454380&site=3397&type=text&tnb=5" target="_blank">
Jetzt anmelden und wetten!</a><br><img src="http://banners.webmasterplan.com/view.asp?ref=454380&site=3397&type=text&tnb=5&js=1" BORDER="0" WIDTH="1" HEIGHT="1"><BR>
<!-- END PARTNER PROGRAM --></center>
<br>
      <div id="divs_nebeneinander">
      <div id="div1">
<!-- BEGIN PARTNER PROGRAM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK -->
<a href="http://partners.webmasterplan.com/click.asp?ref=454380&site=3855&type=b103&bnb=103" target="_blank">
<img src="http://banners.webmasterplan.com/view.asp?ref=454380&site=3855&b=103" border="0" alt="DFB Trikot Fanshop EM2008" width="120" height="600"/></a><br>
<!-- END PARTNER PROGRAM -->

      </div>

      <div id="div2">
<!-- BEGIN FREE SMS - DO NO CHANGE THIS CODE -->
<script type="text/javascript">
box_id = 3341;
this_uri = document.location;
last_uri = document.referrer;
</script>
<script type="text/javascript" src="http://server2.sms-box.de/free_sms_box-3341.js"></script><noscript>Ihr Browser unterst&uuml;tzt kein Javascript.<br /><a  target="_blank" href="http://www.smsgott.de">Free SMS</a></noscript>
<!-- END 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">

<table class="lfmWidgetradio_3fc911b5475567de87cbe625cfe33964" cellpadding="0" cellspacing="0" border="0" style="width:110px;"><tr class="lfmHead"><td><a title="Musik getaggt als hiphop " href="http://www.lastfm.de/listen/globaltags/hiphop" target="_blank" style="display:block;overflow:hidden;height:20px;width:110px;background:url(http://cdn.last.fm/widgets/images/de/header/radio/mini_black.png) no-repeat 0 -20px;text-decoration:none;border:0;"></a></td></tr><tr class="lfmEmbed"><td><object type="application/x-shockwave-flash" data="http://cdn.last.fm/widgets/radio/26.swf" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="110" height="140" > <param name="movie" value="http://cdn.last.fm/widgets/radio/26.swf" /> <param name="flashvars" value="lfmMode=radio&amp;radioURL=globaltags%2Fhiphop&amp;title=Musik+getaggt+als+hiphop+&amp;theme=black&amp;lang=de&amp;widget_id=radio_3fc911b5475567de87cbe625cfe33964" /> <param name="bgcolor" value="000000" /> <param name="quality" value="high" /> <param name="allowScriptAccess" value="always" /> <param name="allowNetworking" value="all" /> </object></td></tr><tr class="lfmFoot"><td style="background:url(http://cdn.last.fm/widgets/images/footer_bg/black.png) repeat-x 0 0;text-align:right;"><table cellspacing="0" cellpadding="0" border="0" style="width:110px;"><tr><td class="lfmConfig"><a href="http://www.lastfm.de/widgets/?url=globaltags%2Fhiphop&amp;colour=black&amp;size=mini&amp;autostart=0&amp;from=code&amp;widget=radio" title="Hol dir dein eigenes Widget" target="_blank" style="display:block;overflow:hidden;width:85px;height:20px;float:right;background:url(http://cdn.last.fm/widgets/images/de/footer/black.png) no-repeat 0px -20px;text-decoration:none;border:0;"></a></td><td class="lfmPopup"style="width:25px;"><a href="http://www.lastfm.de/widgets/popup/?url=globaltags%2Fhiphop&amp;colour=black&amp;size=mini&amp;autostart=0&amp;from=code&amp;widget=radio&amp;resize=1" title="Lade dieses Widget in einem Popup" target="_blank" style="display:block;overflow:hidden;width:25px;height:20px;background:url(http://cdn.last.fm/widgets/images/de/footer/black.png) no-repeat -159px -20px;text-decoration:none;border:0;" onclick="window.open(this.href + '&amp;resize=0','lfm_popup','height=240,width=160,resizable=yes,scrollbars=yes'); return false;"></a></td></tr></table></td></tr></table>
 </div>

      <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  --> 
 <a href="http://www.histats.com" target="_blank" title="web log free" > 
 <script  type="text/javascript" language="javascript"> 
  
 var s_sid = 361910;var st_dominio = 4; 
 var cimg = 0;var cwi =150;var che =30; 
 </script> 
 <script  type="text/javascript" language="javascript" src="http://s11.histats.com/js9.js"></script> 
 </a> 
 <noscript><a href="http://www.histats.com" target="_blank"> 
 <img  src="http://s103.histats.com/stats/0.gif?361910&1" alt="web log free" border="0"></a> 
 </noscript> 
  
 <!-- Histats.com  END  --> 

<br>

    </div>
    
    <div>
    
    </div>
  </div>
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;}
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?
 
Zuletzt bearbeitet:
1. <center> ist veraltet und nicht valide.
2. text-align:center zentriert nur Inline-Elemente.
3. Block-Elemente, wie ein Menu (<ul>) 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... :( 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 <center>-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 <ul> nochmal in ein <div> gepackt wird, erscheint mir sinnlos, die vielen <br>-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
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben