Hallo Alex,

vielen Dank für Deine Antwort.

Warum "white-space: nowrap" an dieser Stelle?

Jeweils 3 Bilder aus einem Ordner werden eingelesen mit:
echo "<a href='$var2[0].html'><img class='bilder' SRC='$ordner/$files2[$i2]' width='$width' height='$height'></a>".chr(13);

Die angezeigten Bilder können verschiedene Größen haben. Die beiden äußeren werden durch die Pfeile ausgetauscht, die Links dazu bleiben erhalten, so dass man weiter klicken kann. Die Pfeile sollten neben dem großen angezeigten Bild stehen bleiben, sonst werden sie nach oben und unten umgebrochen.

Wenn ich den Browser in der Breite zusammen schiebe, werden die beiden äußeren, kleineren Bilder (Pfeile) gar nicht verkleinert und das große Mittlere zu wenig. Das bedeutet, die 3 Bilder ragen über das div hinaus.

Du hast auch an keiner Stelle gesagt, dass dies geschehen soll.

Wie kann ich das festlegen?

Deine Bilder sollen _jeweils_ maximal 100% einnehmen! Wenn ein Bild dann schon die volle Breite einnimmt können die anderen folglich nicht mehr daneben angezeigt werden! Beachte auch Außen- und Innenabstände und verwende ein anderes Boxmodell.

Mir fällt leider kein anderes Boxenmodell ein. Siehst Du eine Möglichkeit?

Hier ist eine Beispielseite: http://www.l-seifert.de/bautzen/Bautzener-Dom.html

Eine oder deine?

Das ist meine Seite zum testen.

Ich habe eine Möglichkeit gefunden. Da, wo ich die Bilder vergleiche und gegen die Pfeile austausche, könnte ich z.B. mit
style="margin: 10px;"
die beiden Pfeilgrafiken auf das größere Bild verschieben. Nur halte ich das für etwas unpraktisch für die Anzeige auf Mobiltelefonen, da man mit dem Finger die kleinen Pfeile treffen muss.

Gruß Lothar und schon mal ein schönes Wochenende