CarstenP: 2 Safariprobleme / bg-Wechsel und float/clear

Beitrag lesen

Hallo Elya,

a) Navigation: Bild"wechsel" durch Verschiebung des Hintergrundbildes. Safari "kachelt" das Hintergrundbild trotz no-repeat. Ein ähnliches Problem tauchte hier vor ca. einer Woche mal auf, aber in einem anderen Browser und in Verbindung mit einem Rechts-Links-padding, ich kann es leider nicht wiederfinden.

Ja, das Problem tritt auch im Konqueror auf (kein Wunder bei gleicher Darstellungsmaschine... ;-) ).
Es scheint immer dann aufzutreten, wenn das Hintergrundbild größer ist als der Container, in dem es liegt (bei Dir 118px breites a vs. 136px breites Hintergrundbild). Normalerweise würde das nicht weiter auffallen, da die Kachelung außerhalb des sichtbaren Bereiches stattfindet. Durch die Positionierung des Hintergrundbildes ist nun aber "Platz" und man bemerkt den Fehler.
Man könnte sich nun natürlich damit helfen, den Container nur so groß wie den gewünschten Ausschnitt des Hintergrundbildes zu machen. In Deinem Beispiel würde das aber zusätzlichen HTML-Code bedeuten.
Ich habe mir bei meinen eigenen Seiten damit geholfen, daß ich die relevanten Ausschnitte des Hintergrundbildes nicht direkt an die Bildränder gesetzt habe, sondern links und rechts noch einen zusätzlichen Rand gelassen habe. So wird die Kachelung wieder aus dem Anzeigebereich "hinausgeschoben".

Deine Hintergrundbilder müßten also etwa so aussehen (ohne Transparenz abgespeichert, damit man gleich sieht, was ich meine):
<img src="http://www.carsten-protsch.de/temp/elya.png" border="0" alt="">

Der Rest ist dann nur noch Anpassung der Koordinaten der Hintergrundbilder im CSS.

Viele Grüße
Carsten