liste zentriert ausgeben

[ahnungslos]

Hallo!
Ich habe ein Problem und weiß im Moment nicht weiter.
Folgendes Problem:

ich habe ein div in dem 2 Listen ausgegeben werden:

  
<div id="divid">  
  <ul id="liste1">  
    <li class="erster">  
      <a href="google.de">foobar</a>  
    </li>  
    <li>  
      <a href="yahoo.de">foobar</a>  
    </li>  
    <li>  
      <a href="web.de">foobar</a>  
    </li>  
  </ul>  
  <ul id="liste2">  
    <li class="erster">  
      <a href="google.de">foobar</a>  
    </li>  
    <li>  
      <a href="yahoo.de">foobar</a>  
    </li>  
    <li>  
      <a href="web.de">foobar</a>  
    </li>  
  </ul>  
</div>  

Das css dazu:

  
div#divid ul#liste1{float:left; padding: 8px 20px; width:950px;}  
div#divid ul#liste1 li{float:left; display:inline;}  
div#divid ul#liste1 li.erster a{padding-left:0;}  
div#divid ul#liste1 li a{color: black; padding: 0 10px 0 13px;}  
  
div#divid ul#liste2{background:red; float:left; padding:8px 20px; width:950px;}  
div#divid ul#liste2 li{float:left; clear:none; padding-left:20px; padding-right:20px; width:auto;}  
div#divid ul#liste1 li.erster{padding-left:0;}  

Ich hoffe das war alles wichtige.
Nun will ich die 2te Liste zentriert anzeigen.
Wenn ich aber dem UL tag die Eigenschaft text-align:center; gebe, dann passiert nichts. Ich probiere nun schon seit bestimmt einer Stunde das zu zentrieren, aber es klappt nicht.
Seht ihr meinen Fehler?

Grüße

[ChrisB]

Hi,

Nun will ich die 2te Liste zentriert anzeigen.
Wenn ich aber dem UL tag die Eigenschaft text-align:center; gebe, dann passiert nichts.

Natuerlich nicht - text-align wirkt auf Text, und inline-Elemente.
Der Inhalt deiner Liste sind aber List Items, und die sind weder Text noch inline.

</hilfe/faq.htm#css-zentrieren>

MfG ChrisB

[ahnungslos]

Hallo,
ich habe auch breits mit margin: 0 auto; versucht das ul zu zentrieren,
aber bisher ohne Erfolg.
Ich habe auch versucht dem li ein display:inline; zu geben und dann das text-align:center; dem ul. Aber beides hat bisher nicht funktioniert.

[ChrisB]

Hi,

ich habe auch breits mit margin: 0 auto; versucht das ul zu zentrieren,
aber bisher ohne Erfolg.

Und eine Breite hast du ihm auch gegeben?

Ich habe auch versucht dem li ein display:inline; zu geben und dann das text-align:center; dem ul. Aber beides hat bisher nicht funktioniert.

Das ist natuerlich auch wirkungslos, wenn du die LI weiterhin floatest - dann wird display:inline automatisch zu block.

MfG ChrisB

[ahnungslos]

Ah, danke!
Das float raus und schon gehts!