Darstellungsprobleme mit Internet Explorer und Chrome (Firefox ok)

**ep** · 22.03.2012, 11:36

Hallo,

habe gerade die Seite:
http://www.tierhelfer-ingelheim.de/vermittlung.html
mit dem Internet Explorer 9.0.5 und Chrome 17.0.963.83 überprüft.

Hier hat es die Brotkrümelnavi mitsamt des folgenden Inhaltes nach unten und leicht nach links verschoben.
So kann die Seite nicht online gehen :-(
Kann mir jemand sagen, wie ich das fixen kann.

Danke

**Freeflow** · 22.03.2012, 19:46

Deine Stylesheetanweisung für die breadcrumb lautet:

.mod_breadcrumb { display:block; left:-12px; ... }

Was passiert denn im IE, wenn Du das 'left:-12px;' weglässt und stattdessen die breadcrumb durch ein etwas geringeres margin der #main positionierst?

**Freeflow** · 22.03.2012, 19:54

Ich sehe gerade, Dein #main ist 677px breit und für Dein div.breadcrumb hast Du eine Breite von 683px angegeben.

Wenn Du Dein Stylesheet ein wenig aufräumst, sollte es passen.

**ep** · 24.03.2012, 14:00

Du hast recht mein Stylesheet ist im Laufe der Zeit recht unübersichtlich geworden.
Jetzt passt es.
Danke.

**Freeflow** · 24.03.2012, 14:55

Das ist schön

Was die Übersichtlichkeit von Stylesheets angeht:
mir hat das Buch 'Little Boxes' von P. Müller sehr geholfen.

Da steht auch einiges zur übersichtlichen Strukturierung von Stylesheets drin.
Kann ich nur empfehlen, auch wenn man CSS schon kann.