Anchor Image to bottom of browser

TriedandTested

TriedandTested

TriedandTested

Soldato
Joined
11 Jul 2004
Posts
16,147
Location
Neptune
In Dreamweaver, how do I anchor a background image to the bottom of the browser rather than the top (default).

ie the image has lots of detail on the bottom edge and ends up with a blue/white gradient at the top. At the moment the top edge takes up the majority of the browser. I'd like it so that the image sits at the bottom and if the browser window is resized the bottom of the image goes with it.

Hope that makes sense!
 
Presumably it's a background/design image of some sort? Use CSS and apply it as a background image of the <body> element, or whichever element stretches to the bottom of the browser window in your layout. Use the background-position property to position it to the bottom of the element e.g.

Code: 
body {
background: #fff url(/images/image.jpg) no-repeat bottom;}
 
You'll want this as an addition to the above....

Code: 
background-attachment:fixed;

So the image moves with the bottom of the browser window, i assume that's what you're after...
 
You must log in or register to reply here.
Back
Top Bottom