To the CSS-D list,

I am new to this discussion list and this is my first post, so please  
forgive me if I am asking a previously answered question, or not  
being clear enough. I searched through the archives but was not able  
to find a subject that matched my problem.

I'm having some issues with a technique to layout a 2-column page  
using floats and IE6. The floats/columns themselves work fine, but i  
have a repeating element in the main column that I want to break out  
and cross over into the column next to it. I have it working in all  
the browsers i've tested, but not in IE6 (nor in DreamWeaver, where I  
am doing most of my development). I've validated both the CSS and the  
XHTML at the w3c site, and Dreamweaver has found no Browser check  
errors...even fro IE6.

I've made a minimal test copy and posted it where you might review it  
if you like. It's at 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. It's not pushed aside or wrapped or anything... The beginnning  
of the line (and background) just appears to be hidden from view in  
the left column.

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, but shows up correctly in all other browsers (that  
I've tested).

Much appreciation for any help that you might offer.
Roger Goode




______________________________________________________________________
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/

Reply via email to