Layout breaks with window resizing

[Baldwin238]

For a friend of mine, a pole dance fitness studio site. My layout breaks, looks like the middle white/gray content area shifts to the left/right (depending on browser, weird) about 1-2 pixels when the window is resized (smaller in Moz and maxed in IE)

FF on Mac with non-maxed screen size:

The screenshot from IE is the same, but only occurs when I max the screen size.

SITE: (temp landing spot)

http://jbaldwin.net/pole/index.php

NON-IE CSS:

http://jbaldwin.net/pole/style.css

IE CSS:

http://jbaldwin.net/pole/ie_only.css

Any thoughts? Thanks in advance!

Jeff

Jeff Baldwin

http://www.absolutelyfreerolls.com

http://www.golf.jbaldwin.net

 

[BillyRayPreachersSon]

You are centring both the background and the container, but you have given your container an explicit width, whereas your body does not have one.

If you remove the width on your container this behaviour is fixed (at least in Fx 3).

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[BillyRayPreachersSon]

Baldwin238,

Did you fix your problem?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[BillyRayPreachersSon]

Baldwin238,

Did you fix your problem?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/