Hintergrundbild (HTML) automatisch skalieren?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Unzwar habe ich ein Problem...
Ich habs ja geschafft das mein Hintergrundbild sich automatisch Skalliert aber ich kann nichts schreiben -.-'
<html> <style> html, body { height: 100%; } #bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } </style> <img src="hintergrundbild.png" alt="" id="bg" /> <br>Test Test
Wenn ich das per <body background.... mach kann ich das irgendwie nicht automatisch skallieren
(ich weiß nicht wie... wenn das eine möglichkeit gibt? könnt ihrs mir sagen?)
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Schau Dir doch das mal an... das sieht für mich so aus, als löse das Dein Problem...
http://www.cssplay.co.uk/layouts/background.html -
bvb-fanclub-nr1-in-sundern schrieb:
Schau Dir doch das mal an... das sieht für mich so aus, als löse das Dein Problem...
http://www.cssplay.co.uk/layouts/background.html
Ja toll. Die Webseite hab ich auch unter Google gefunden... sehr hilfreich ...
stehen da codes? bzw. tutorial wie mans macht? (Das wäre sehr hilfreich für mich) -
Guck dir den Quelltext an ;) Und/oder die Comments.
-
azn-script schrieb:
stehen da codes? bzw. tutorial wie mans macht? (Das wäre sehr hilfreich für mich)
Du kannst Dir de Code bei Deinem Browser anzeigen lassen (bei Firefox wäre es strg+u)
Wie üblich ist der Ersteller dieser Seite also davon ausgegangen das Du Dir den Code ansiehst und verstehst.
Wenn nicht, kopiere Ihn Dir und probiere damit rum.
Kurz gesagt ist das nur ein Trick in dem ein Bild (<img>) zum Hintergrundbild gemacht wird.
<html> wird auf 100% Breite&Höhe gesetzt (overflow: hidden), dann kommt das Bild was auch 100% ist und unter dem Inhalt liegt (z-index) und dann erst der komplette Inhalt (overflow: scroll).
Beitrag zuletzt geändert: 21.7.2010 23:47:56 von simuliertes -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
