Gernot Back: Bild mit Tabellenzelle skalieren

Beitrag lesen

Hallo Daisy,

Wenn es sich nur um einen Strich handelt, warum arbeitest du denn dann nicht mit einer nur in der Horizontalen wiederholten 18 Pixel hohen Hintergrundgrafik?

Es handelt sich genauer gesagt um jeweils einen Verlauf der in rechten Tabellenzelle nach rechts verläuft und in der linken Zelle nach Links. Diese beiden Bilder sollen sich entsprechend skalieren, die beiden Links dazwischen sollen dabei immer möglichst nah an den Verläufen stehen bleiben, d.h. die mittlere Zelle ist in Ihrer Breite fest definiert.

Mit Tabellen brauchst Du da gar nicht zu arbeiten, aber wenn es für Dich einfacher ist, kannst Du den Effekt natürlich auch über ein Tabellenlayout erreichen:

Die Verläufe solltest Du dabei nicht skalieren (das sieht ohnehin nicht schön aus, weil Verläufe dann stufig werden), stattdessen würde ich die Verläufe jeweils links bzw. rechts unskaliert neben die Footer-Links platzieren vor einen Hintergrund, bei dem die jeweils letzten Pixel der Verläufe in der Horizontalen wiederholt werden. Mit Rücksicht auf ältere Browser sollte diese horizontal wiederholte Grafik ohne Verlauf mindestens 5 Pixel breit sein.

Gruß Gernot