---
title: "Navigation mit CSS: Firefox vs. MS IE"
url: "https://www.typo3.net/d/41015-navigation-mit-css-firefox-vs-ms-ie"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage"]
created: "2006-04-08"
last_reply: "2006-04-10"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Navigation mit CSS: Firefox vs. MS IE

Frontend › Barrierefreiheit · 4 Antworten · gestartet 2006-04-08

## Eröffnungsbeitrag

**hmader** · 2006-04-08 · [Beitrag #1](https://www.typo3.net/d/41015-navigation-mit-css-firefox-vs-ms-ie/1)

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?

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

## Antworten

### [#2](https://www.typo3.net/d/41015-navigation-mit-css-firefox-vs-ms-ie/2) · just2b · 2006-04-08

listenmenü oder was? bisschen mehr infos wärn schön

lg georg

### [#3](https://www.typo3.net/d/41015-navigation-mit-css-firefox-vs-ms-ie/3) · hmader · 2006-04-08

Nein, kein Listenmenü. Template funktioniert auf Basis des alten Mediatech-Templates, das heißt, die einzelnen Menüpunkte sind einzelne <div>'s:

```html
<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>
```

### [#4](https://www.typo3.net/d/41015-navigation-mit-css-firefox-vs-ms-ie/4) · Fiberman · 2006-04-10

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ß

### [#5](https://www.typo3.net/d/41015-navigation-mit-css-firefox-vs-ms-ie/5) · illnino · 2006-04-10

Oder du machst es so:

```php
<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:

```php
.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;
}
```

---

Quelle: „Navigation mit CSS: Firefox vs. MS IE“, typo3.net, https://www.typo3.net/d/41015-navigation-mit-css-firefox-vs-ms-ie
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.