E-Dub
asked on
CSS Background Issue
On certain browsers and mobile devices, my site's background doesn't go across the screen and leaves a white space on the right (see attached pic). The background is just a solid color with a pattern overlay. I know it's most likely a css issue but have no idea how to fix it. The site is www.almaeasompta.com Please help. :)
ASKER
LOL, actually you'd be surprised to know that it is NOT explorer but Firefox 7.
What I am seeing is just about every alligator I don't like to swim with.
In the CSS there is absolute positioning, proprietary hacks and even pie.htc. There an overload of javascript(jquery) and an ie7 hack to load a stylesheet. Which tells me there are probably other ie 7 hacks and one of them is probably what is biting ff7. The page looks fine in FF8.
This is the kind of thing that gets fixed by luck. By someone coming along that had the same combo of elements an knows how to fix it, or trial and error.
So your best hope is that someone comes along that has seen it before. You might want to ask Community Support to move it to the jquery or javascript topic where there might be an Expert who has played with these toys. It might be a CSS issue, but the fact that it is okay in FF8 indicates that perhaps the scripting is altering some ff7 needs.
Cd&
In the CSS there is absolute positioning, proprietary hacks and even pie.htc. There an overload of javascript(jquery) and an ie7 hack to load a stylesheet. Which tells me there are probably other ie 7 hacks and one of them is probably what is biting ff7. The page looks fine in FF8.
This is the kind of thing that gets fixed by luck. By someone coming along that had the same combo of elements an knows how to fix it, or trial and error.
So your best hope is that someone comes along that has seen it before. You might want to ask Community Support to move it to the jquery or javascript topic where there might be an Expert who has played with these toys. It might be a CSS issue, but the fact that it is okay in FF8 indicates that perhaps the scripting is altering some ff7 needs.
Cd&
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Well, I can't see correct this web page with Firefox 9.0.1, IE 8, Safari 5 and Google Chrome.
So, I hope these modifications will correct the code.
Nrisimha
You have a stray closing </div> tag that could be causing your problem.
http://tinyurl.com/847k2gv <--W3 Validation
http://tinyurl.com/847k2gv <--W3 Validation
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
sunu340's comment gave me a good starting point and I was able to figure it out from there.
Cd&