The pages in question are: http://www.springfieldmogov.org/egov/planning_development/ptest.html http://www.springfieldmogov.org/egov/planning_development/ptest_fluid.html
All CSS is in the page for testing purposes. Just when I think I'm getting my head around this CSS stuff, then something seeminly this simple leaves me scratching it. I finally got the little two column box looking like I wanted, but only after way more time than it should have taken I think. If someone can help me understand the "why's" of what I've done that would be great. As you can see, the units in the first link are all fixed pixel widths on the wrapper div (#features) and the two inner columns. I'd rather make it fluid, but the second link above shows my problem. I tried using %'s but couldn't get it to work. If I specified, say, 80% for the wrapper, then 60 and 20% for the two inner ones I'm left with a large gap between. OK, I think, so the two inner ones need to add up to 100. But that just ends up sending the right column (#resources) below the left column (#news). That's right, I must account for the 1px left border on #resources. So I made the #news column 79%. #Resources still slides down. 78% - same. Finally at 77% the two columns are beside each other ONLY if the browser window is fairly wide. But even then there's a little gap between them. How can I make it flexible or fluid and still have the two columns butt up against each other? Thanks in advance for any tips, including any more efficient way to do what I've done here. I'm going to be putting this little two-column box into a page with additional stuff, some floated elements, perhaps, etc. Chris ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
