kostenloser Webspace werbefrei: lima-city


Hintergrundbild (HTML) automatisch skalieren?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    azn-script

    azn-script hat kostenlosen Webspace.

    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?)
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. bvb-fanclub-nr1-in-sundern

    Kostenloser Webspace von bvb-fanclub-nr1-in-sundern

    bvb-fanclub-nr1-in-sundern hat kostenlosen Webspace.

    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
  4. Autor dieses Themas

    azn-script

    azn-script hat kostenlosen Webspace.

    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)
  5. mastersofpuppets

    mastersofpuppets hat kostenlosen Webspace.

    Guck dir den Quelltext an ;) Und/oder die Comments.
  6. 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
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!