Bruno Fassino wrote:
> Zoe M. Gillenwater wrote:
>   
>> http://www.saferoutesinfo.org/guide/float-clear-IE-gaps.png
>>
>> The paragraph following the h1 is indented from the left by about
>> 20px, and there is a gap of about 60px below each h2.
>>     
>
> I see the left gap. Without checking too much, I think that its reason is
> the following:
> - The fix makes the paragraphs "inline" (or better sort of "inline-blocks")
> - As such they suffers of the indented text bug [1].
> Adding display:inline to the right floats should fix this.
>   

Yes, it does. Thanks Bruno!

> About the space below each h2, I haven't checked, but can't this be
> explained by the sum of h2's padding-bottom, h2's margin-bottom, p's padding
> top, ...? (without the fix there are only collapsing margins)
>   

Yes, this was the problem. I've gotten spacing I'm happy with simply by 
applying 1em top padding to the paragraphs. Everything is good now!

Thanks,
Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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