Background image

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
wiredextreme
Forum Newbie
Posts: 2
Joined: Thu Jan 13, 2011 1:18 am

Background image

Post by wiredextreme »

For some reason only in IE6, the background image shows first and then you scroll down and the rest of the content is below the picture. This is the only version of any browser it does this in. Any way to fix this issue? Here's the coding for the background image:

It's in the CSS file:

Code: Select all

#bg {top:0; left:0; width:100%; height:100%; position:fixed}
User avatar
Jade
Forum Regular
Posts: 908
Joined: Sun Dec 29, 2002 5:40 pm
Location: VA

Re: Background image

Post by Jade »

Change position to absolute.
User avatar
Pazuzu156
Forum Contributor
Posts: 241
Joined: Sat Nov 20, 2010 9:00 pm
Location: GA, USA
Contact:

Re: Background image

Post by Pazuzu156 »

Why not just use the background image as a page background it eliminates any of that hassle.

Code: Select all

body, html {
    background-image:url('image.jpg');
}
- Kaleb Klein
------------------------------------
Web Developer | Software Developer
https://kalebklein.com
PGP Key: https://keybase.io/pazuzu156
User avatar
Jade
Forum Regular
Posts: 908
Joined: Sun Dec 29, 2002 5:40 pm
Location: VA

Re: Background image

Post by Jade »

Maybe they need to show/hide the background div with javascript. Putting it on the body tag can make doing that a hassle.
Last edited by Jade on Tue Feb 01, 2011 9:28 am, edited 1 time in total.
bestwebdesigner
Forum Newbie
Posts: 9
Joined: Mon Jan 31, 2011 4:38 am

Re: Background image

Post by bestwebdesigner »

Hi,
Proper space between the code is needed to display image in IE
Go to your CSS

bg
{
background: url("image url") no-repeat;
height:/*based on your image*/
width:/*based on your image*/
}
Post Reply