kostenloser Webspace werbefrei: lima-city


Fixierter Hintergrund

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    schatter

    schatter hat kostenlosen Webspace.

    Heyho liebe Community,

    ich bräuchte mal den HTML code für eine bestimmte Funktion...
    Da ich aber nicht weiss wie diese heisst, wollte ich hier mal rumfragen.

    Also es hat so etwas mit scrollen zu tun.
    Wenn ich auf einer seite bin, und ich scrolle nach unten soll der Background stehen bleiben und sich nur der Content nach oben/unten verschieben.

    Google und die SUFU hätte ich ja benutzt, allerdings weiss ich nicht, wie man diesen Effekt nennt...

    Hier mal ein Beispiel, für die, die nicht wissen was ich meine:
    http://www.mediamarkt.de/

    Wäre euch sehr verbunden, wenn ihr mir tipps geben könntet.
    MfG

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

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

  3. ferienflieger

    ferienflieger hat kostenlosen Webspace.

    Hallo

    das dürfte die Lösung sein: backgroung image fixed

    <style type="text/css">
    body 
    {
    background-image:url('smiley.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
    }
    </style>


    es geht auch in einer Zeile, mit Semikolon trennen

    body {  background: url('smiley.gif'); no-repeat; fixed; }


    edit:
    siehe auch Quellcode von der CSS von mediamarkt
    http://www.mediamarkt.de/css/mm_home_lokal.css
    erste Zeile ganz hinten

    :)

    Beitrag zuletzt geändert: 30.1.2011 15:28:25 von nikic
  4. Autor dieses Themas

    schatter

    schatter hat kostenlosen Webspace.

    Erstmal dankeschön für eure schnelle Hilfe.
    Nur schaffe ich es nicht, den Code richtig im Head einzubauen ^^
    Naja, ich werde mal nen Freund mit mehr Erfahrung drübergucken lassen!

    Da ich das habe, was ich wollte kann der Thread closed werden. :)

    MfG

    Hr.Schatter
  5. t******r

    Das gehört auch nicht in den Header sondern in den Body...

    Wie bereits von ferienflieger schön beschrieben:

    <body style="background: url('smiley.gif'); no-repeat; fixed;">
    
    ... content ...
    
    </body>


    oder aber du verlinkst im header auf ein externes stylesheet mit:

    <link rel="stylesheet" type="text/css" href="pfad/zum/file.css" />


    Gruss
    pete
  6. 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!