No replies
d3signmonk3y
d3signmonk3y's picture
Offline
Enthusiast
Toledo, Ohio
Last seen: 16 years 19 weeks ago
Toledo, Ohio
Timezone: GMT-4
Joined: 2003-07-29
Posts: 59
Points: 0

I'm in the middle of a CSS redesign for a client and ran into a problem. Hopefully my brain is just fried and I'm overlooking something easy.

I have a centered layout using styles similar to the following

<div style="text-align: center; position: absolute; width: 100%; margin: 0; padding: 0;">
<div style="position: relative; margin-left: auto; margin-right: auto; width: 780px; text-align: left;">
content
</div>
</div>

The content centers fine in IE5+ NS6+ and Opera 7. The problem I just discovered is that when the window is resized to less than 780px in netscape, the content div gets shoved off the left side of the viewable page, beyond where you can scroll too. The problem goes away if I apply a left border to the content div, but that would mean I would have to redesing the page and I would like to avoid that.

Any insight will be greatly appreciated.

thanks Sad