OutFront Forums
     Home    Register     Search      Help      Login    

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

 

Using CSS for Background Image

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Using CSS for Background Image
Page: [1]
 
jcraig713

 

Posts: 10
Joined: 4/7/2009
Status: offline

 
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

 

Posts: 14320
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
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.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to jcraig713)
jcraig713

 

Posts: 10
Joined: 4/7/2009
Status: offline

 
RE: Using CSS for Background Image - 4/17/2009 21:28:31   
I guess that would help!

www.mpaaa.org/MPAAA_V1/TEST

(in reply to jcraig713)
Tailslide

 

Posts: 6691
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Using CSS for Background Image - 4/18/2009 3:59:42   
Try

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




_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to jcraig713)
d a v e

 

Posts: 4342
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
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

_____________________________

David Prescott
Gekko web design

(in reply to Tailslide)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Using CSS for Background Image
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts