[SOLVED] Div shift?

[Kane250]

Can anyone take a quick look at the "videos" link on this page and see the shifting that occurs? I cant figure out why this is happening! grrr

 

http://www.aisrgroup.org/javatest/

[haku]

I don't see any shift.

 

You do have a horizontal scrollbar appearing, maybe that's it? This has something to do with an overlay and an iframe that you have in the page. The overlay (appears it may be being set by javascript) is too wide, causing this horizontal scrollbar. If you can set the width of that overlay, set it to 99% and that will stop the scrollbar from appearing.

[Kane250]

Thanks, the scrollbar was a problem too and I fixed that (based on your advice) and it definitely helped. The shift I was originally talking about though still exists. You'll see it in the navigation bar when you switch from any page to the video page. Every other page is fine but it shifts down a few pixels on the video page....

[dropfaith]

you have 402 px window frame with 5 #windowframe {

background: url(images/windowframe.gif) no-repeat;

width: 397px;

height: 402px;

padding-left: 5px;

padding-top: 5px;

float: left;

then video frame has a 2 px padding top  the other pages dont have the div inside window frame so try dropping the padding on video frame

[Kane250]

Where do you see 2px padding in videoframe?

[haku]

I think he knew what he was talking about, but just said it wrong.

 

On other pages, #windowframe has 3px top padding, but on the video page it has 5px top padding. Change this to 3px, and your shift goes away (tested and confirmed).

[Kane250]

ahh I see what you're saying...I got it now. Thanks so much!