overlapping divs -arrrrghhh! need help

[zac123]

Hi all,

haven’t posted here for ages so I’m hoping some of the old CSS gurus are still about.

i'm about to launch a new e commerce site but i have an issue with a div which when the browser window is resized it overlaps the main content div.

ive tried using firebug to solve this problem but i just cant seem to get the winning combination!

the site is: http://www.nextdaypro.com/test_site

if you wouldn’t mind having a look, try resizing the browser window and look over to the right hand side you'll soon see what i mean.

thanks in advance for any help.

Zac

[ianhg]

I am no css guru so this might not be correct.
#page_info min-width:1000px might be the problem.
also you have rules for body twice.
Good luck

[gaz545]

It's due to the absolute position on the #rightbox.

If you had time to rewrite it i would strip out the tables and put the items in an unordered list and float each list item, as well as floating the rightbox which would mean that as it shrinks the items should drop down from 3 to 2 and the div's wouldn't over lap. But that is a hell of a lot of work.

[zac123]

:-( doh! well i gotta fix it so i guess i better get started!

thanks for looking.

can i ask another question please.... how did you find the load speed of the site?

[gaz545]

You may be able to fix it simply by taking out the positioning and just floating it. i had a quick try but couldn't get it to work. That would stop the overlapping. But still with the min width on the content it will be pushed underneath.