Antworten

WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik

Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Navigation mit CSS: IE vs Firefox » Antworten

Die letzten 5 Postings in diesem Thema » Alle anzeigen

von Impigra

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...

von languitar

bla > foo {} kennt er aber nicht.

von Achim H.

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 */
}

von languitar

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.

von hmader

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


Nutzungsbedingungen \| Impressum \| Datenschutz \| RSS	Nach oben