Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » Navigation mit CSS: IE vs Firefox Antworten
Navigation mit CSS: IE vs Firefox

hmader
Feiertags-Poster


Beiträge: 30


Hallo liebe Leute,
ich habe folgendes Problem: Die Navigation meiner Seite sieht im IE korrekt aus, im Firefox nicht - wie kann ich dieses Problem CSS-konform beheben?

Der CSS-Code der Navigationselemente ist:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18:
.leftnav1 a:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  vertical-align: middle;
  position: relative;
  top: 3px;
  bottom: 3px;
  width: 150px;
  margin: 2px 0 0;
  padding: 2px 0;
  border-bottom: 1px solid black;
  border-top-style: solid;
  border-top-width: 0;
}


Wie es in den einzelnen Browsern aussieht, seht ihr auf dieser Seite.

Die Menüpunkte selbst sind als einzelne <div>'s definiert:

1:
<div class="leftnav1"><a href="index.php?id=392" onfocus="blurLink(this);">Ratgeber</a></div><div class="leftnav1"><a href="index.php?id=393" onfocus="blurLink(this);">Gesundheit</a></div><div class="leftnav1"><a href="index.php?id=394" onfocus="blurLink(this);">Rechtliches</a></div>


Danke und liebe Grüße aus Wien,
Herwig

Diese Nachricht wurde geändert von: hmader
  Profil   E-Mail   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


Das liegt wohl an den unterschiedlichen Berechnungen für die Padding-Abstände etc. Da musst du wohl Tricks anwenden, dass der IE andere Styles bekommt als FF und Co.

Guck mal bei Selfhtml nach Selektoren. Die kennt der IE momentan nämlich noch nicht. So kann man den dan austricksen.
http://de.selfhtml.org/navigation/css.htm#zentrale_formate

Menüs sollten übrigens damit es semantisch korrekt ist als ul erstellt werden.

---
Take a look here!
Lichtblick - Einblick - Ausblick

Diese Nachricht wurde geändert von: languitar
  Profil   E-Mail   Website   Editieren   Zitieren

Achim H.
Pixelschubser


Beiträge: 4


Guck mal bei Selfhtml nach Selektoren. Die kennt der IE momentan nämlich noch nicht. So kann man den dan austricksen.


Wieso soll der IE keine Selektoren kennen?
* {
/* ich bin ein Universal-Selektor und auch der IE kann diesen interpretiern */
}

  Profil   E-Mail   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


bla > foo {} kennt er aber nicht.

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

Impigra
Pixelschubser


Beiträge: 9


Hmmm... also...
Das Anchor <a> Element ist generell ein "inline" Element.
Der IE vernachlässigt das gern mal... einfach mal ein
1:
display:block;

ins Stylesheet einfügen... das hilft schon... habs grad getestet...
ABER
Ich hab bei dem kurzen Test gemerkt dass die Anzeige im IE dann ein paar Pixel verschoben ist wenn der Anchor auf Block gestellt ist...


  Profil   Website   Editieren   Zitieren
 

Antworten
Nach oben