Fixierter Hintergrund
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
beispiel
bestimmte funktion
code
effekt
erfahrung
ferienflieger
header
http
image
quellcode
schnelle hilfe
semikolon
stehen
tip
trennen
tun
url
verschieben
wissen
zeile
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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 -
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 -
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage