CSS Problem mit Transparenz im IE und Mozilla Firefox

Hallo,

ich habe in meinem Forum die Beiträge mit einem etwas helleren Hintergrundbild als das im body versehen, damit das Ganze transparent wirkt.
Während das in meinem eigenen Skript wie vorgesehen funktioniert, ist im Foren-Skript das hellere Hintergrundbild der Beiträge nach unten verschoben und passt daher nicht mehr korrekt auf das Seitenhintergrundbild.

Beispiele:
Richtige Transparenz: z.B. http://www.gartendatenbank.de/artikel/camellia-japonica
Problem im IE und FF: http://www.gartendatenbank.de/forum/gartenkalender-2008-die-3-schoensten-kalender-garten-pflanzen-t-278-1

Im Internet Explorer kommt in V6 und 7 noch dazu, dass der Rahmen um die Beiträge nach links offen ist und unter die Sidebar rutscht, und - was am schlimmsten ist: Beim Scrollen wird der Text (teilweise oder ingesamt, manchmal auch nur zeitweise) unsichtbar!

Aus der Erklärung des Validators
http://jigsaw.w3.org/css-validator/validator?uri=http://www.gartendatenbank.de/forum/gartenkalender-2008-die-3-schoensten-kalender-garten-pflanzen-t-278-1
werde ich nicht schlau, das bemängelte min-width kommt im CSS überhaupt nicht vor.

Falls Ihr da eine Lösung seht, würde ich mich sehr freuen.

LG Gabi

Hallo Jörg,

danke für den schnellen Tipp! Habe ich inzwischen verbessert, nun ist zwar immerhin der Validator zufrieden, aber sonst hat sich noch nichts geändert.

LG Gabi

Hallo Jörg,

das zweite hellere Hintergrundbild zuschneiden oder anders zu positionieren geht leider nicht, weil sich dessen Position mit der Bildschirmgröße ändert, und die Differenz zum eigentlichen Hintergrundbild wohl auch bei den Browsern nicht identisch ist. Bei einer bestimmten, kleineren Bildschirmgröße stimmt beispielsweise bei Opera alles, deshalb ist mir das Problem zuerst auch gar nicht aufgefallen.

Die Verwendung eines halbtransparenten Mini-Gifs ist eine gute Idee, funktioniert aber in der Praxis nur einigermaßen bescheiden, denn damit lässt sich die Transparenz ja nicht anpassen (mir wäre sie in dem Fall zu gering), und vor allem sieht das Ganze zumindest auf meinen Bildschirmen hier doch ganz schön pixelig aus.

Ich habe zum Vergleich mal eine Testseite gemacht, einmal Transparenz mit dem Mini-Gif und einmal vorgetäuschte, aber echter aussehende Transparenz mit dem separaten Hintergrundbild:
http://www.gabriele-jesdinsky.de/index-test.htm

Diese Homepage habe ich seinerzeit wohl sogar mit dem Forum-CSS als Vorlage erstellt, daher ist es mir ein absolutes Rätsel, warum das Problem mit dem *versetzten* zweiten Bild (und vor allem dem noch mysteriöseren IE-Verhalten bezgl. Rand und unterschlagenem Text) im Moment anscheinend nirgends auftritt außer eben im Forum.

LG Gabi

Ich denke hierin liegt das Problem:

html, body { margin:0; background-repeat:repeat-y; background-position:right; background-color:white; padding:0; font-family:Arial,sans-serif; color:black; background-image:url("http://www.gartendatenbank.de/img/background.jpg");background-attachment:fixed;}

Diese background-position muss auch für .innen übernommen werden, wenn die Grafiken genau übereinander liegen sollen

Hallo Gabi,

das Verschwinden des Textes scheint ein Bug des IE zu sein - da das Problem auch im IE 7 auftritt, wohl ein seltenerer - die bekannteren (wie der Peekaboo Bug) wurden dort ja ausgemerzt. Auf die Schnelle habe ich hierzu leider auch nichts im Netz finden können.

Wenn das Problem bei floatenden Bildern auftritt - ist dies auch der Fall, wenn danach ein clearendes Element eingefügt wird?