PDA

Click to See Complete Forum and Search --> : Overlapping DIV's

IncaWarrior
12-14-2003, 09:29 PM
i have a site (http://strategyplanet.com/populous/home.html) that works pretty well in IE, and not so well in netscape. It's valid html, but i have things spaced out with overlapping DIV's which don't work :( . The right side is pushed over by it's div so the page has a minimum width, but it overlaps the center so you can't do anything to the center. If I change the right to -1 then you can't do things with the right side. Does anyone know how to fix this?
ray326
12-15-2003, 10:05 AM
Have you taken into account the fact that IE doesn't size divs correctly?
soccer362001
12-15-2003, 10:08 AM
It looks fine in MF. BTW you did not declare your doctype.
ray326
12-15-2003, 11:41 AM
His hosting provider is screwing him on his doctype because they're injecting their banner ad BEFORE his doctype. I looked at that after I noticed Moz was running in quirks mode.
soccer362001
12-15-2003, 11:44 AM
Duh i didnt scroll all the way to the right to see it.
IncaWarrior
12-15-2003, 12:05 PM
So does anyone have a suggestion on how to change it so the right side bar stays to the right, but not overlap the center?
soccer362001
12-15-2003, 12:40 PM
Originally posted by IncaWarrior
So does anyone have a suggestion on how to change it so the right side bar stays to the right, but not overlap the center?
What do you mean by right the iframe on the right or the scrollbar for the whole page?
IncaWarrior
12-15-2003, 05:43 PM
the DIV with the Iframe, it needs to be against the right side of the page unless the page is too small, in which case it should just push over
soccer362001
12-15-2003, 08:22 PM
try

right:0px;
IncaWarrior
12-17-2003, 04:36 PM
no then it wouldn't be pushed over if the page was too small. it works in IE except for the overlapping, and it should work ing others except for the overlapping
soccer362001
12-17-2003, 04:52 PM
do you want to push it to the left or right when the window is too small?:confused:
IncaWarrior
12-17-2003, 05:02 PM
well right now it's made for 1024 width window (so it's smaller) and it should stay that total width if the window is resized smaller, but if it's resized bigger then the right side bar should stick to the window. right now i have a div with a width of 100% and text-align is right,. Inside that is another div with a width of 200 or something and a left padding of 800. now that should theoretically work, but it always makes the stuff to the left act funny