Hi Christian, Thanks for replying. I implemented your suggestions for the div.cleared declaration, so that helped with the margin-bottom on the <p> tag. I didn't add a top margin because I need the UL tags above it to be the ones with the bottom margin, in case the content within the <p> tag isn't used. I want there to be some kind of margin so there is space between the bottom of those ULs and the bottom edge of those boxes. To answer your question about why I declared a float: left and display: inline on those <p> tags is because I for one am using one stylesheet across various templates with slight variations: http://e7flux.com/placead/placead.html, hence why I added an id of #support to the body tag of the template I ran into trouble with, and the display: inline; is there because of the IE6 double margin bug.
If you'll note, the UL to the left of this template: http://e7flux.com/placead/placead3.html has it's margin bottom no problem but the ones on the right collapses and yet the declaration for both of those <ul> tags are almost identical - they both have been given margin bottom values of 15px each. I just can't understand why they refuse to show up in IE7. Do you have any idea? TIA, Elli --- Christian Kirchhoff privat <[EMAIL PROTECTED]> wrote: > Hi Elli, > > Why did you do that? If you delete "float: left;" > and "display: inline;" the > bottom margin will be there. But there's even more > margin as you wished. > That's related to the clearing divs. The following > rule makes them float: > #support #printonline div, #support #online div { > float: left; > display: inline; > } > > And you placed an " " in them: > <div class="cleared"> </div> > > Change that to: > <div class="cleared"><!-- --></div> > > And unfloat those divs with: > div.cleared { > clear: both; > height: 0; > float: none !important; > display: block !important; > } > > You have to define the rules as "!important" because > the selector of the > rule that makes the div a floated element (#support > #printonline div, > #support #online div) has a higher specifity and the > rule with the lower > specifity would be ignored otherwise. > > After those changes - at least on my machine - it > looked better in IE. > > Best regards, > > Christian Kirchhoff > > ____________________________________________________________________________________ Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ ______________________________________________________________________ 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/
