kostenloser Webspace werbefrei: lima-city


Bild wiederholen aber fixieren

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    d********r

    Hey..
    also ich habe folgendes Problem:

    ich möchte ein Bild so oft wiederholen, dass es die Bildschirmgröße genau ausfüllt.
    Soweit ja kein Problem... habe ein Div das 100% hoch ist ...
    und dann eben mit "background-repeat: repeat-x" das Bild wiederholt.

    So nun entsteht aber das Problem, wenn jemand eine kleinere Auflösung hat ... dass die Seite größer ist als 100% des Bildschirms und in dem Fall füllt das wiederholte Bild nun zwar anfangs den Bildschirm aus aber sobald man runter scrollt, ist das Bild natürlich zuende, denn die Höhe ist ja auf 100% begrenzt.

    Ich hatte mir dann überlegt das Bild einfach zu fixieren mit "background-attachment: fixed;" sodass es immer 100% ausfüllt und einfach nicht mitgescrollt wird.

    Leider funktioniert das nicht, denn sobald ich "background-repeat" auf "repeat" oder "repeat-x" setze
    fällt die Funktion von "background-attachment: fixed;" aus.

    Wie könnte ich dieses Problem beheben?

    Mfg
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. vielleicht baust du ein div ein, was eine mindesthöhe garantiert...

    etwa so: <div style=\"float:right; width:1px; height:700px;\"></div>
  4. 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!