Bruno, Thank you so much for your help with this. That was the first time I've ever posted to a list discussion group like that and I didn't know what to expect.
I've implemented and posted the fix you suggested and, as you said, it works! Thank you. Now I just need to do a little research to better understand "hasLayout" (which i'd just read about this week, but didn't quite get), and the "zoom" property you suggested. It's getting late here now so i'll start in with that in the morning when I'm fresh(er). The one thing that's a little disconcerting--but has nothing to do with the fix you provided--is how the DreamWeaver application displays the page with these style changes... Applying position:relative to the signup class has the effect of pushing the entire content float over to the right and forcing the sidenav float down below it. The important thing is that it's working, but being new to building pages this way, it's unsettling that the application I want to use can't handle the layout. I'll have to search Adobe forums to see if there's an answer to that. Once again, my deepest appreciation for your help. yours, Roger On Apr 26, 2007, at 6:07 PM, Bruno Fassino wrote: > Roger Goode wrote: > >> http://coachingmosaic.com/debug/ >> >> The page layout is built with a FLOAT: Right for the main content, >> and a FLOAT: Left for the navigation column to the left. There is >> a .clearer DIV just above the footer to CLEAR both floats. >> >> As the copy on this page moves below the simple navigation content >> and contact info, I wanted to have some callout quotes with a >> graphic bachkground that would break out of the content column and >> cross over the left FLOAT to span the whole page and break up the >> empty column. >> >> To accomplish this, I applied a class with a negative margin (-215px) >> to the paragrapgh that i want to break out. As noted, this works in >> all the browsers I tested on both Mac and PC platforms, EXCEPT for >> IE6. In IE6 the callout is cutoff at the left side of the content >> FLOAT. > [...] >> >> in a separate issue, I'm also having a problem with the >> margin at the top of the left FLOAT. The first line of the LINKS >> list is hidden from view in IE6 > > > IE frequently clips content that is moved outside of its container > through > negative margins [1]. I haven't looked at the details but both of your > problems seem to fall in this category. The usual fix is to add > position:relative to the clipped element, sometimes it's also > necessary to > add hasLayout. Indeed adding position:relative to your UL inside > sidenav, > and position:relative plus zoom:1 to your signup class seems to > solve the > problems. > > hth, > Bruno > > > [1] http://www.satzansatz.de/cssd/onhavinglayout.html#clip > > -- > Bruno Fassino http://www.brunildo.org/test > > > _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ Fresh Start Creative Roger Goode, Creative Director Designing Strategies for Your New Ventures [EMAIL PROTECTED] POB 1022 Hillsboro, NH 03244-1022 (603) 478-1388 www.FreshStartCreative.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
