> -----Original Message----- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > discuss.org] On Behalf Of Chris Akins > Sent: Friday, August 22, 2008 9:38 AM > To: CSS-D List > Subject: [css-d] One Rounded Corner is Problematic > > Thanks to Gunlaug's suggestion to try this approach for my 2-column design: > > <http://www.alistapart.com/articles/negativemargins/> > > I've ported my earlier attempt over to this - and quite easily (though > IE6 is totally messed up yet, and IE 7 has a couple quirks). > > http://www.springfieldmo.gov/newSite/negMargin.html > http://www.springfieldmo.gov/newSite/negMargin.css > > But focusing on one issue at a time, the one that is across all > browsers is the upper left rounded corner in the content area. I'm > using only one image for all 4 corners to minimize server calls, but > it's making it difficult to get the text to be on top of that one > image. I thought about applying a z-index through a class to the h1 > tag (or to whatever else might be in that position), but this isn't a > great option when text is resized smaller. The corner then ends up on > top of the text below the top heading. > > Any ideas for getting the upper left rounded corner (.tlC) to live > below any content?
Hi Chris, Try the following: div.textpadderC {position:relative;} -- Regards, Thierry | http://www.TJKDesign.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/