Hi John,
I think here's the problem:
#WPR_Image_A {
position: absolute;
top: 210px;
left: 160px;
z-index: 70;
height: 100px;
width: 1024px;
display: block;
margin: 0 0 0 0;
}
You're setting a 1024px width to that element, then, because of the
position:absolute adding the left 160px is using 1024px +160px, and since the
container is set to a 1024px witdth you see the scroll bar.
An easy fix will be to set the width of #WPR_Image_A to 864px (1024-160).
Hope that helps.
On Aug 26, 2011, at 4:20 PM, John wrote:
> http://coffeeonmars.com/testing/Dev_index.html
>
> http://coffeeonmars.com/testing/Dev_WPR_A.html
>
> These two pages ^^^^^ are nearly identical, except that the second one has
> an image placed into it with a div tag, and that seems to be causing the
> second page to sprout a horizontal scroll bar!
>
> removing the image makes the scroll bar go away. I have compared both pages'
> code side by side but I just can't see what I did wrong here.
>
> My only guess is in *how* I placed that graphic..somehow it messed up the
> hierarchy, or broke something to do with overflow.
>
> Can anyone shine a light on it?
>
> thank you,
>
> John
>
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Germán Martínez, UX Designer
http://martinez.pe
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
