>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/
David - thank you! I made all the changes you suggested: http://www2.whidbey.com/cflax/nwbaby_test/index-fix.html The top banner is still moving around and now there's extra space below the banner. Otherwise - very close to what I want. The other trick is that it has to match all the other 3 column pages (see any link from left sidebar). Is there any easy way to solve these last few problems? thanks so much, Carol -- Carol Flax [EMAIL PROTECTED] http://carolflax.net ______________________________________________________________________ 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/
