Hallo,

ich bin neu hier. Versuche gerade, CSS zu verstehen. Ich habe ein freies CSS-Template, an dem ich mich ein wenig ausprobieren möchte heruntergeladen. Das Template (so wie ich es runtergeladen habe - also ohne Änderung) wird im Firefox so dargestellt, wie es sein sollte. Im IE wird jedoch das Bild einfach abgescnitten. Ich habe das Template mal auf die Seite Bird Watch by Free Css Templates aufgespielt.
Kann mir jemand von Euch einen Tipp geben, wie es anstellen, dass das Bild auch im IE korrekt angezeigt wird?

Vielen Dank
leamaus

Mit derartig abenteuerlichen Verschiebungen bzw. Überlappungen per neg. margin kommt der IE nicht immer ohne weiteres klar, daher bekommt #main position: relative;.

Mit der relativen Positionierung klappt es nicht. Im #main Container liegt i.Ü. auch die linke Navigation. Muss ich das Bild vielleicht komplett aus dem Container nehmen? Aber warum ist die Darstellung - so wie jetzt - im Firefox korrekt?

In meinem lokalen Test klappt es. Die Regel von #main wird einfach nur um pos. rel. erweitert.

Du sollst auch nicht positon: relative; , sondern position: relative; schreiben.

Dein persönlicher Validator.

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Also entweder liegt es meinen schlechten Deutsch-Kenntnissen oder ich brauche ne Brille. Natürlich position und nich positon. Danke Leute, es funzt.

Solche Fehler kann man mit Validatoren finden:
(X)HTML: The W3C Markup Validation Service
CSS: The W3C CSS Validation Service

__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ