HTML - Hintergrundbild automatisch skalieren
- Ersteller Awek
- Erstellt am
Hallo,
Wie kann ich in einer html-Seite das Hintergrundbild automatisch auf die Größe des Browsers skalieren lassen?
Ich habe schon viele Codes probiert, aber leider klappt es alles nicht richtig.
Welches Ausgangsformat für das Bild empfehlt ihr?
Ich hoffe ihr könnt mir helfen, ist bestimmt recht einfach.
Gruß,
Awek
Wie kann ich in einer html-Seite das Hintergrundbild automatisch auf die Größe des Browsers skalieren lassen?
Ich habe schon viele Codes probiert, aber leider klappt es alles nicht richtig.
Welches Ausgangsformat für das Bild empfehlt ihr?
Ich hoffe ihr könnt mir helfen, ist bestimmt recht einfach.
Gruß,
Awek
Mir wäre nicht bekannt dass das definitiv möglich ist mit der skalierung.
Zumindest nicht mit akzeptabler Optik.
Was du machen kannst ist mit repeat-x oder repeat-y ein "kacheln" nach x-Richtung respektive y-Richtung zu ermöglichen. Dabei wiederholt er das bild einfach immer so lange in der angegebenen Richtung bis der Platz gefüllt ist.
Ein wirklich professionell aussehndes und mit jeder Größe skalierendes Layout zu schaffen ist gar nicht ganz trivial.
In unserem Fall werden z.b. für Container mit Abgerundeten Ecken konstrukte verwendet in der die Ecken fixe grafiken sind (z.B. in <div>s oder<td>s) immer an den ecken positioniert werden und dazwischen Hintergrund-Elemente kachelnd (also mit repeat-x, bzw. repeat-y) eingesetzt werden um das zu bewerkstelligen.
Zumindest nicht mit akzeptabler Optik.
Was du machen kannst ist mit repeat-x oder repeat-y ein "kacheln" nach x-Richtung respektive y-Richtung zu ermöglichen. Dabei wiederholt er das bild einfach immer so lange in der angegebenen Richtung bis der Platz gefüllt ist.
Ein wirklich professionell aussehndes und mit jeder Größe skalierendes Layout zu schaffen ist gar nicht ganz trivial.
In unserem Fall werden z.b. für Container mit Abgerundeten Ecken konstrukte verwendet in der die Ecken fixe grafiken sind (z.B. in <div>s oder<td>s) immer an den ecken positioniert werden und dazwischen Hintergrund-Elemente kachelnd (also mit repeat-x, bzw. repeat-y) eingesetzt werden um das zu bewerkstelligen.
hoschi_tux
Grand Admiral Special
Die repeat Geschichten sind doch eigentlich gar nicht nötig. Sobald das Bild kleiner ist, als der Platz, wird automatisch gekachelt. Soweit zumindest meine Erfahrung. Aber für sowas nimmt man ja eh meist css.
Habe da einen passenden Link zur Hand! (Man könnte auch 100% Angaben verwenden)
Mit CSS könnte man es auch lösen. Hier mal der Link dazu.
http://www.ohne-css.gehts-gar.net/0055.php
Bitte unbedingt lesen! Hinweise über die Nachteile bildschirmfüllender Grafiken
Ich würde es mir genau überlegen. Es sei denn, es handelt sich bei dem Hintergrundbild um Kacheln. Wer will schon verzerrte Bilder auf seiner Homepage haben!
Mit CSS könnte man es auch lösen. Hier mal der Link dazu.
http://www.ohne-css.gehts-gar.net/0055.php
Bitte unbedingt lesen! Hinweise über die Nachteile bildschirmfüllender Grafiken
Ich würde es mir genau überlegen. Es sei denn, es handelt sich bei dem Hintergrundbild um Kacheln. Wer will schon verzerrte Bilder auf seiner Homepage haben!
Eine Browserweiche für IE und das hier
http://intertwingly.net/blog/2007/05/04/Inline-SVG-in-MSIE
http://intertwingly.net/blog/2007/05/04/Inline-SVG-in-MSIE
Blutsturz
Commodore Special
Ähnliche Themen
