Hallo liebe Gemeinde,
Ich habe folgendes Problem: Die Navigation meiner Seite sieht im IE korrekt aus, im Firefox nicht - wie kann ich dieses Problem CSS-konform beheben?
.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
http://www.ggg.at/typo3/index.php?id=443
Danke für Eure Hilfe und liebe Grüße aus dem sonnigen Wien,
Herwig
listenmenü oder was? bisschen mehr infos wärn schön
lg georg
Nein, kein Listenmenü. Template funktioniert auf Basis des alten Mediatech-Templates, das heißt, die einzelnen Menüpunkte sind einzelne <div>'s:
<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>
ich würde da den *html Trick anwenden! Und die Klasse nochmal angepasst für den FF machen!
in die Klasse muss rein
display:block;
min-width: ;
min-height: ;
Das sollte als Google anregung und Lösungshilfe reichen!
Gruß
Oder du machst es so:
<div style="width:230px;">
<div class="leftnav1"><a href="#">asdasd</a></div>
<div class="leftnav1"><a href="#">asdasd</a></div>
<div class="leftnav1"><a href="#">asdasd</a></div>
<div class="leftnav1"><a href="#">asdasd</a></div>
<div class="leftnav1"><a href="#">asdasd</a></div>
<div class="leftnav1"><a href="#">asdasd</a></div>
</div>
CSS:
.leftnav1 a {
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;
float:left;
}