[gelöst] Der liebe IE7

[klaros]

Der Tipp von magicsepp war die Lösung.
Ich musste dem Element nur noch zusätzlich eine passende Breite verpassen.

Hallo zusammen,

alles eine Frage der Ehre ...
Nachdem ich nun eine ganze Weile rumgedoktort habe, um mit css3PIE die älteren IEs gütig zu stimmen, gelingt es mir nicht den IE7 in den Griff zu kriegen.

http://www.vorgebirgsschule.de/

Auf der Startseite sollten die 2 bis 3 Boxen für den Kalender und den Speiseplan auf der linken Seite eigentlich 16px Abstand haben (margin).
Übrigens genauso wie der Abstand nach links (margin:16px).
Der Abstand nach links ist in allen Browsern ok.
Die vertikalen Abstände zicken im IE7!
Manchmal schiebt sich auch der Inhalt der Boxen nach oben - die Begrenzungen des Containers ignorierend.
Ich habe *einige* Kombinationen mit weiteren Definitionen von float oder position:relative und Größenangaben versucht.
Aber die einzig wahre Kombination habe ich noch nicht gefunden.

Mit den anderen Styling-Gimmicks auf den Seiten (#main) bin ich bis jetzt halbwegs zurecht gekommen.

Ich bin Autodidakt und "darf" die Homepage unserer Schule basteln.
Ich weiß, das mein CSS-Konstrukt bestimmt noch vereinfacht werden kann. "I'll do my best. - Later ..."
Firebug wirft mir hauptsächlich Warnungen raus, die die browserspezifischen Sachen betreffen (-moz-border usw.)
Keine Fehler ...
Also nix Schlimmes?

Ich teste (meist) mit dem IE9, indem ich in den 7er oder 8er-Modus schalte ...

Ich habe hier im Forum gelesen, dass die .htc-Einbindung auch Probleme bereiten kann. Trotzdem.
Auf die runden Ecken und Schatten möchte ich ungern verzichten.
Sonst müsste ich mir ja ein echtes, gut gestyltes Layout überlegen ...


Vielleicht hat ja jemand einen Tipp.

Grüße,
Klaros

[magicsepp]

versuch bitte zusätzlich folgendes CSS:

.ie7 #left #cal_link
{display:inline;}