HTML, CSS and anything else that deals with client side capabilities.
Moderator: General Moderators
wiredextreme
Forum Newbie
Posts: 2 Joined: Thu Jan 13, 2011 1:18 am
Post
by wiredextreme » Thu Jan 13, 2011 8:44 am
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}
Jade
Forum Regular
Posts: 908 Joined: Sun Dec 29, 2002 5:40 pm
Location: VA
Post
by Jade » Fri Jan 14, 2011 10:04 am
Change position to absolute.
Pazuzu156
Forum Contributor
Posts: 241 Joined: Sat Nov 20, 2010 9:00 pm
Location: GA, USA
Contact:
Post
by Pazuzu156 » Thu Jan 27, 2011 6:24 pm
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');
}
Jade
Forum Regular
Posts: 908 Joined: Sun Dec 29, 2002 5:40 pm
Location: VA
Post
by Jade » Mon Jan 31, 2011 7:42 am
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
Post
by bestwebdesigner » Tue Feb 01, 2011 1:29 am
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*/
}