Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

lia77

macrumors member
Original poster
Jul 23, 2007
79
0
I would like to add a background image to a page in dreamweaver which is standing ( like a standing A4). I would like it to cover the whole content frame horizontally but so that you would have to scroll down to see the rest of it.

However, when I picked the background picture, only half of it is visible, rest gets cut off (the scroll function is not there )

Does anyone know how to a scroll function so that the whole background image is seen?

I would be very thankful for a reply!

Lia
 
edit the css

have the style for body and set the min-height to the height of the image.

Code:
body{
 min-heigh:900px; /*where 900px is actually the height of the image.*/
}

I believe that will do it if I interpret your question correctly
 
Background images are purely that. If a DIV or page isn't big enough to show the whole image then you won't get a scroll bar – it'll just get masked because it's a background.
What was done above is making sure the page is a certain size to make sure it's as big as the image in question to get around this. Just so you know the reasoning behind it :)
 
Thanks!
It works exactly the way I wanted it now!!:D

(ps. min-heigh missed a t in the end though:) )
 
haha no problem, I really appreciate that you responded to me at all at that time in the morning:D

Thanks alot, my website looks much nicer now:)
Have a good day!

(www.thedreamdayproject.com)
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.