Hintergrundbild repeat-x und y
Jürgen
- css
Hallo,
http://www.fahrzeugbau-leffers.de/
dort sieht man im Inhaltsframe eine Grafik und zwar diehier:
http://www.fahrzeugbau-leffers.de/images/curve_new.gif
Leider wird die Seite nur bis zu 1024x768 vernünftig angezeigt. Logisch, denn darüberhinaus hört die Grafik auf.
Ich habe auch schon versucht die Grafik in 3 Teile zu schneiden und dann per CSS einzubinden, aber mit 1 CSS Datei kann man nur 1 Hintergrund haben, also 1 Grafik.
Weiss jemand wie ich das besser löse?
Hi,
Ich habe auch schon versucht die Grafik in 3 Teile zu schneiden und dann per CSS einzubinden, aber mit 1 CSS Datei kann man nur 1 Hintergrund haben, also 1 Grafik.
nein, in einem Element. Wie viele verschiedene CSS-Ressourcen man einbindet, ist absolut unerheblich.
Weiss jemand wie ich das besser löse?
Mit mehreren Elementen, oder warte auf CSS/3.0, dort ist dieses Problem gelöst. Warum hast Du die Grafik eigentlich ausgerechnet auf die Browserinnenfenstergröße 1024x768 ausgerichtet? Ich schätze mal, das diese in weniger als einem Prozent aller Fälle vorliegt.
Cheatah
Hallo,
der Ansatz die Grafik zu zerteilen war schon richtig.
nur musst du die geraden Schattenbereiche in den oberern bzw. in den linken Frame stellen. Hier kannst du mit repeat-x bzw. repeat-y eine endlose Wiederholung erzeugen.
gruß Balduin
Auch ohne Frames kannst du es mit div-Bereichen machen, indem Du ihnen feste Breiten und ein Hintergrundbild zuweist.
Ich würde die div-Variante sogar bevorzugen. Frames haben viele Nachteile, die ich jetzt nicht erneut hier ausbreiten möchte.