Navigation im IE nicht Horizontal

[cobrastyle]

Hallo,

Ja ich Frag viel ;) Is auch mein letzter Thread vorerst ...


Nunja , jetzt habe ich eine ie.css angelegt und alles so positioniert das alles passt , ausser diese drecks Navigation :(

Sie sollte Horizontal sein , ist sie auch in Firefox sowie Opera nur im IE eben nicht .

Ich poste mal 2 Screens einen wie es sein soll und einen wie es im IE ist..

Hier der HTML auszug der Navi:

 <ul class="navigation">
 <li><a href="index.htm">Startseite</a></li>
 <li><a href="charts.htm">Charts</a></li>
 <li><a href="agb.htm">AGB</a></li>
 <li><a href="faq.htm">FAQ</a></li>
 <li><a href="kontakt.php">Kontakt</a></li>
 <li><a href="partner.htm">Partner</a></li>
 </ul>

Auszug der "normalen" css:

ul.navigation {
  font: normal 13px Georgia;
  position: absolute;
  top: 80px;
  left: 235px; }
  ul.navigation li {
    float: left; }
    ul.navigation li a {
      color: #818283;
      text-decoration: none;
      margin: 0 10px 0 10px;
      font-style: italic;
      text-shadow: -1px -1px 0px #212226; }
    ul.navigation li a:hover {
      color: white; }

Auszug der IE CSS:

 ul.navigation {
  font: normal 13px Georgia;
  text-align: center;
  position: absolute;
  top: -50px;
  left: 235px; 
  line-height:2em;
  }
  ul.navigation li {
  display:inline;
   margin: 0; padding: 0;
    float: left; }
    ul.navigation li a {
      color: #818283;
      text-decoration: none;
      padding: 0 10px 0 10px;
      font-style: italic;
      text-shadow: -1px -1px 0px #212226; }
    ul.navigation li a:hover {
      color: white; }

was mache ich falsch ? Wiso ist sie nicht horizontal ?

 

[Marv]

Hallo,
da du die li´s floatest aber denen ein display:inline; zugewiesen hast gibt es da vielleicht Komplikationen.
Versuche mal den li´s blockeigenschaften zu geben mit:

display:block;

bzw. sollte es, wenn du das float weglässt doch auch mit display:inline; gehen ?

ps: Bei Gelegenheit auch mal die CSS Dateien nach Fehlern absuchen und validieren

 

[cobrastyle]

Hy,

Danke aber das war es nicht ..

Das war es :)

width:500px;

Einfach ne feste breite zuweisen ... Lösung kam vom Mango9 Team ;)

 

[struppi]

Wenn es um diese Seite geht My-Sounds - We are your Musiclibrary
dann ist bei mir auch im Firefox die Navigation, so wie bei dir im IE. Ausserdem sind sehr viele Fehlermeldungen in der Fehlerkonsole, die alle fehlerhaftes CSS betreffen.

Eine fehlende feste Breite spielt bei deinem Ausgangsproblem keine Rolle. Allerdings ist der CSS Code extrem schwer zu lesen, weil du eine seltsame Formatierung verwendest.