Using CSS for Background Image (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message


jcraig713 -> Using CSS for Background Image (4/14/2009 11:14:06)

Hello. Thank GOD for this forum! This goes out to everyone who continually provides me (a new learner) great direction!

A little background on my project: Picture an etch-a-sketch. The content is to display in the center screen and as the navigational buttons are clicked (home, email, staff...) the content display changes in the etch-a-sketch screen to the link selected in the nav bar.

Question: I have the etch-a-sketch itself loaded as a background image. The picture itself when view in IE, cuts a slight portion of the top and bottom of the image off and when view in firefox, only the bottom 1/3 of the picture displays. There is no scroll ability to scroll the screen to see the whole image. My css code looks like:

body {
background-image: url('images/website_body.png');
background-repeat: no-repeat;
background-position: center;
}

Can I use css to make sure the image view across multiple browsers is static and how can I get tghe page to scroll to see the whole image?





jaybee -> RE: Using CSS for Background Image (4/17/2009 19:47:30)

It would help if you can give a link to tha actual page so we can see exactly what's going on.




jcraig713 -> RE: Using CSS for Background Image (4/17/2009 21:28:31)

I guess that would help!

www.mpaaa.org/MPAAA_V1/TEST




Tailslide -> RE: Using CSS for Background Image (4/18/2009 3:59:42)

Try

body {background: url('images/website_body.png') no-repeat center top; }






d a v e -> RE: Using CSS for Background Image (4/18/2009 4:36:53)

and crop your image so it doesn't have all that white space around it too!

see http://pp.kpnet.fi/prescott/stuff/aflame.html




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875