Inhalt einer Spalte verrutscht

Charriu

Mitglied
Hallo Forum,
Kann sich jemand von euch Profis eventuell einmal mit einem IE, Safari oder Opera folgende Seite ansehen:
Problem-Seite

Irgendwie komme ich da gerade nicht mehr weiter. Der Firefox zeigt es richtig an, in der linken Spalte die Diashow und in der rechten Spalte den Text. Die Spalten-Höhe passt sich der höchsten Spalte an. Schaue ich mir die Seite nun ich Safari oder Opera an, dann verschiebt es die Diashow rechts neben den Text in den weißen Hintergrund. Ich hab alles mögliche ausprobiert und komme nicht dahinter, was da falsch läuft. Hier der Link zur CSS:
CSS-Datei

Ein weitere kleines Problem wäre der Hintergrund von <body> der sich nicht ändern lässt. Ich kann da alles mögliche eingeben, der bleibt immer weiß. Oder die unterschiedlichen Höhen der Diashow und des Paragraphen. Aber das ist nicht so dringend und vermutlich irgendwo nen falscher margin, padding, border irgendwas Wert. Da bringt mich CSS echt um den Verstand. Hätte man sich das nicht etwas leichter ausdenken können?

Ich wäre echt super dankbar, wenn mir da jemand helfen könnte. Ich sitz da nun seit drei Stunden vor und es hat sich nichts geändert.

Vielen lieben Dank im Voraus!

Charriu
 
Hi,

die ausgebüxte Diashow lässt sich mit einer absoluten Positionierung für #column-1 wieder einfangen:
CSS:
.container #two-columns #column-1 { position: absolute; height: auto; width: 400px; padding: 5px; text-align: center; }

Die Änderung des Seitenhintergrundes funktioniert bei dir wohl deshalb nicht, weil du im Stylesheet basic.css eine Klasse namens .body deklariert hast, sie im <body>-Tag aber überhaupt nicht aufrufst.

mfg Maik
 
Hallo Maik,
Ich danke dir vielmals. Das funktioniert jetzt mit der Diashow. Und das mit body und .body ist mir peinlich, ich glaub da hab ich den Punkt vor lauter Zeichen nicht mehr gesehen. Ein guter Beweis dafür, dass man mal ne pause machen sollte. :-)

Viele Grüße,
Charriu
 
Zurück