css-Problem mit IE8

[Utz]

Hallo Leute
Hätte da ein CSS - IE-Problem:
Im FF wird alles korrekt angezeigt, im IE8 erscheinen jeweils rechts von #left und #main ein Balken (#left => transparent, #main => gelb).

Siehe Printscreen...
Link: http://www.bauernhof-baettwil.ch

Kann mir da jemand helfen?

Gruss Utz

[bizon]

Hi,
das steht in deiner CSS

.mod_article {
    margin-left: 10px;
    margin-right: 10px;
}

Besser ist, wenn du Abstände im main-Bereich so setzt:

#main .inside {padding:0 10px;}

Untersuche deine Seite mit dem Firebug, dann kannst du die Formatierungen nachvollziehen.

Etwas persönliches: Dein Hintergrund erinnert mich eher an ein Gefängnis als an einen Bauernhof.

[bizon]

Das Gleiche gilt auch für deine linke Spalte

.mod_navigation {
    margin: 0 0 0 -20px;
}

Durch diese Formatierung ragt deine Navigation 20px nach links aus dem Container.
Ursache ist dein CSS, aber der Auslöser ist die schon oben angeführte falsche Formatierung.

[Utz]

Hallo Leute
Besten Dank für eure raschen Rückmeldungen. Werde das so versuchen zu korrigieren.

@bizon: Das mit der Mauer ist ein Kundenwunsch. Aber ich werde das aber gerne weiterleiten.

Nun habe ich aber noch eine ergänzende Frage:
In der Navigation habe ich ja die Auflistung der Menüpunkte. Wie kann ich die Einrückung verkleinern anstelle mit den -20px

.mod_navigation {margin: 0 0 0 -20px;}

Gibt es da ein CSS-Element oder eine Tag eigenschaft dafür?

Gruss Utz

[bizon]

Hab gesehen, dass du schon beim Ändern bist. Schau auch nach dem Hinweis von oben (.inside). Denn z.B. auf der Seite Matratzenlager läuft der Text bis zum Seitenrand.

Zwei wichtige Links
http://t3n.de/magazin/css-bearbeiten...iieren-220315/

http://www.css4you.de/

[Utz]

Hallo Bizon

Danke, hatte irrtümlicherweise insyde geschrieben...
Der gelbe Balken ist aber dadurch noch nicht weg.

Hast du noch eine Idee? muss ich da noch mit der Breite der divs arbeiten? Habe schon ein paar Sachen ausprobiert. klappt aber irgendwie nicht so ganz.

Gruss Utz

[bizon]

Du gibst für den #wrapper eine Breite von 1024px an.
Das Bild oben hat diese 1024px.
Weiter hat alles noch einen schwarzen Rand von 1px (links+rechts = 2px)

Jetzt auf die Schnelle komme ich also auf eine Layoutbreite von 1026px.
Mach also mal den Rand weg und schau nochmal.
Bin zur Zeit in einer Windows - freien - Zone und kann deshalb nicht selbst im IE schauen.

Du verwendest anscheinend auch verschiedene Layouts. Was ist das Standardlayout?

[Utz]

Richtig, die Ränder habe ich angewendet, um dem Problem auf die Schliche zu kommen. Allerdings existiert das Problem im FF nicht. Das Problem habe ich nur im IE8 gesehen. Im IE7 scheint das auch kein Problem zu sein.
Wenn ich im IE8 die Kompatibilitätsansicht verwende ist das Ganze noch viel schlimmer...

Wegen den Layouts:
Ich habe dem Kunden verschiedene Hintergründe angeboten. Das Layout auf der Seite "Willkommen" ist das Standard-Layout. Die drei Seiten darunter (News, Wir über uns, schlaf im Stroh) sind Varianten. Die restlichen Seiten sind wieder im Standard-Layout.

Besten Dank.

Gruss Utz

[Utz]

Hallo Contao-Nutzer und Administratoren

Ich habe einen Ansatz gefunden:
Wenn ich eines der Bilder im Hauptbereich anklicke (moo_slimbox) und es wieder schliesse, so existiert das Problem nicht mehr. Ich habe nun die moo_mediabox verwendet. Dort existiert das Problem nicht.
Ich tippe nun, dass das Problem bei den MooTool-Templates liegt (oder evtl. im JavaScript). Könnte das jemand ins Visier nehmen? Ich habe da absolut zu wenig Hintergrundwissen.

Besten Dank im Voraus.

Gruss Utz


PS: ich setze nun absichtlich wieder die moo_slimbox ein.

[Utz]

Hallo Leute

Heute Abend bin ich noch kurz zu Hause auf die Homepage gegangen und musste feststellen, dass auf einem Win7-PC und IE8 das Problem nicht besteht. In der Firma mit einem WinXP-PC und IE8 hatte ich aber immer diese Streifen.

Ich bin etwas verwirrt. Das Problem scheint nicht grundsätzlich auf dem IE8 aufzutreten, wie ich im ersten Posting drin hatte.

Ich komme nicht mehr weiter und lasse das sitzen.
Trotzdem besten Dank für eure Unterstützung.

Gruss Utz

[bizon]

Hi Utz,

Probiere mal Strg+0 auf dem ie8 mit der falschen Darstellung.
Sonst fällt mir dazu auch nichts mehr ein.

Firefox 3.6.15 ok
Firefox 4 ok
Opera 10.10 ok
Midori ok
Konqueror ok