[Erledigt] css menü zentrieren

[Green_of_Dutch]

Moin,
ich krieg es einfach nicht geschissen ein CSS Menü zu zentrieren.
was mache ich falsch?
hier mein code:

  div#Tmenu {
    text-align: center;
    background-color: #716334;
    margin: 0 auto;
  }
  * html div#Tmenu {
    width: 41.4em;
    w\idth: 39.8em;  /* IE 6 in standards-compliant mode */
  }
  div#Tmenu div {
    clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0; padding: 0;
  }
  * html ul#Navigation li {
    margin-bottom: 0;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.8em; left: 0;
  }
  * html ul#Navigation li ul {
    left: -1.5em;
    lef\t: -0.4em;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-top: 0; margin-bottom: 0;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 5em;
    font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
    text-decoration: none; font-weight: bold;
    padding: 0.23em 0.97em 0.17em 1.03em;
    border: 1px solid #716334;
    border-left-color: #716334; border-top-color: #716334;
    background-color: #716334;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 9.2em;
    w\idth: 7em;  /* IE 6 in standards-compliant mode */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    padding: 0.17em 1.03em 0.23em 0.97em;
    border-color: #ea0;
    border-left-color: #900; border-top-color: #900;
    background-color: #e00;
  }
  ul#Navigation li ul a:hover {
    border-color: #900;
  }
  li a#aktuell {
    border-right-color: #300; border-bottom-color: #300;
    background-color: #900;
  }
  ul#Navigation li ul span {
    border-right-color: #c96; border-bottom-color: #c96;
    color: #900; background-color: white;
  }
  ul#Navigation li a:active, ul#Navigation li:hover a:active {
    color: black; background-color: #f00;
  }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }
  ul#Navigation li:hover ul {
    display: block;
    background: #eee;
  } 

<div id="Tmenu">
  <ul id="Navigation">
  <li><a id="aktuell" href="#Beispiel"><img src="bild1.png" id="menutext"></a></li>
   <li><a href="#Beispiel"><img src="bild2.png" id="menutext"></a></li>
    <li><a href="#Beispiel"><img src="bild3.png" id="menutext"></a>
      <ul>
        <li><a href="#Beispiel"><img src="bild3.1.png" id="menutext"></a></li>
        <li><a href="#Beispiel"><img src="bild3.2.png" id="menutext"></a></li>
        <li><a href="#Beispiel"><img src="bild3.3.png" id="menutext"></a></li>
        <li><a href="#Beispiel"><img src="bild3.4.png" id="menutext"></a></li>
      </ul>
    </li>
</ul>  


</div> 

[wolf29]

"Geschissen.."...Aha! Schau mal hier:

div mittig zentrieren

Wolf29

[Green_of_Dutch]

Danke aber das hatte ich schon gesehen, funktioniert iwie nicht...

[wolf29]

Was genau funktioniert den nicht? Wie wird es angezeigt?

Wolf29

[Green_of_Dutch]

es wird nicht zentriert. Es ist linksbündig. Wahrscheinlich habe ich es auch nicht richtig angewendet.
Ich bin wirklich kurz davor, ne Tabelle da drum zu basteln...

[dennis81]

CSS ist kein PHP...

[Green_of_Dutch]

CSS ist kein PHP...

Willst du mir damit sagen das ich im Falschen Forum bin oder wie darf ich das verstehen?

Wenn es nur der falsche Bereich ist, bitte ich doch darum den Thread zu verschieben...

[dennis81]

Willst du mir damit sagen das ich im Falschen Forum bin oder wie darf ich das verstehen?

Richtig.
Ich geh ja auch nicht in ein Auto-Forum und frage warum meine Tauchfalsche nicht mehr den richtigen Druck hat.

-> http://www.php.de/html-usability-und-barrierefreiheit/

[Sirke]

Auch wenn es das falsche Forum ist, möchte ich einmal schnell antworten!

Du möchtest margin: 0 auto; setzen und keine Breite vorgeben, also standardmäßig width: auto; belassen. Folglich soll nun der Style ausgewertet werden, sodass der Abstand nach links und rechts automatisch aus der Breite berechnet wird und gleichzeitig die Breite automatisch an den zur Verfügung stehenden Platz angepasst werden soll. Sowas kann doch nicht klappen ... eine Angabe bezüglich Anstand, Länge, etc musst du schon geben...

<div style="margin: 0 100px; width: auto; background-color: #FF0000;">TEST</div> 
ODER
<div style="margin: 0 auto; width: 500px; background-color: #FF0000;">TEST</div> 

[nikosch]

[MOD: verschoben]