I can't for the life of me figure out how to do what I'd like. I've tried several 3-col layouts that get very close to what I'd like to do. But one issue I can't figure out is how to have my round image in the upper right of the page IN the right hand column, but also have the top edge of it hanging into the upper header. All of these layouts use overflow:hidden in their main body containers, so it cuts off that image. I've only tested any of this in Firefox so far.
The closest I've come to the look I'm after is here: www.springfieldmo.gov/newSite/index7.html www.springfieldmo.gov/newSite/mainStyles_take7.css But the above has the round image in the header block - not really the best for keeping it with its related content. Keeping that image in the right hand column gives me this: www.springfieldmo.gov/newSite/index7b.html www.springfieldmo.gov/newSite/mainStyles_take7b.css As you can see, the image is cut off, and I can't figure out any way around it. If I take out the overflow:hidden from the #container rule, then the top looks fine, but the bottom of the page goes haywire. Can overflow be defined for just one side similar to border, margin, or padding? Any help is much appreciated. I'm beginning to wonder if I've designed something that's impossible to implement. Chris A. City of Springfield, MO Web Coordinator ______________________________________________________________________ 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/
