Carol Flax wrote: > I'm trying to write a 4-column page and content in center columns is > sliding under side columns. also - banner is sliding around when page > is resized. help, please. I'm new to CSS and struggling. thanks! > > http://www2.whidbey.com/cflax/nwbaby_test/index.html >
Carol, The difficulty you are having may be primarily due to using absolute positioning (brittle) of the two center columns; and having fixed width elements (images) inside percent width columns. Setting overflow:hidden on both of the outer wrappers will open them to enclose the content. And changing the absolute positioning to float:left; may help. However, even at that, users who drag to a /narrower window than 990px/ or so will experience horizontal content crossover and float drop. Setting min-width of 990px and max-width of 100% could help prevent this (with javascript or IE "expressions [1]" for IE/6 which does not support min/max width). For someone new to CSS, all of this can be somewhat daunting. My /personal opinion/ is to keep it simple. Four fixed pixel width columns that all float left enclosed in a fixed width 960 up to around 980px wrapper will clear the scroll bar for those users at 1024, and provide a reasonable and readable text width measure for those users at 1280 and much, much higher screen resolutions. And it will make life much easier coping with the fixed width images, not to mention making it all happen in IE/6 and IE/7. If you prefer the primary content to be first in the document source order, try setting it up here [2] (I'd avoid the equal height columns for now). [1] <http://www.gunlaug.no/contents/wd_additions_14.html> [2] <http://www.fu2k.org/alex/css/onetruelayout/example/interactive> -- http://chelseacreekstudio.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
