Re: [css-d] [REPOST] IE6 - top margin too large
Zoe M. Gillenwater wrote: Page: http://www.beale-family.net/beta/monitoring-simple.htm CSS: http://www.beale-family.net/beta/css/layout-stripped.css It seems like you should be able to remove the top margin on #centrecontent, give it 1px of top padding, then give .trail the appropriate amount of top margin to push it down from the navigation bar. I thought so too, but sadly not :-( - thank you for the suggestion, though, it was worth a shot. Gunlaug Sørtun wrote: It isn't obvious at all what's going on in there :-) Had to make several attempts before cracking it. Glad it's not just me :-) Sometimes working with these sorts of things can make me feel SO stupid Finally I added a clearing-element, and everything fell into place... /ul/div br style=clear: both; / div class=left_menu Then I added 'padding-top: 1px;' to #centrecontent, and it worked as expected because of the clearing-element. You can now adjust 'margin-top' on #centrecontent, and get the same result in all browsers. That's fantastic - thank you so much! I think I need to read up a bit more on effective clearing. Thanks also to Donna for additional suggestion - I'm going with Georg's suggestion since it means I don't have to use a hack or CC to get round IE :-) Cheers, Rachael __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [REPOST] IE6 - top margin too large
Hello, I'm not sure if I didn't get any replies previously because the solution is really obvious to everyone else... but it's certainly not obvious to me, and I am being badgered to hand over this template! I've Googled and searched the Wiki and am no closer to understanding what the problem is. Can anyone help me? Page: http://www.beale-family.net/beta/monitoring-simple.htm CSS: http://www.beale-family.net/beta/css/layout-stripped.css In IE6, the top margin of #centrecontent appears to be measured from the bottom of the navigation div, which means there is a large white gap between the bottom of the navigation and the breadcrumbs. In Firefox/Opera/Safari, the margin is apparently being measured from the top of the #page div. I thought this might be the collapsing margins issue, but applying borders and padding to everything I could think of seemed to make no difference. What am I missing here?? (Am aware of the messy left nav in IE6 also, but haven't yet had a go at fixing that one myself so won't trouble the rest of you with it). Many thanks, Rachael __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [REPOST] IE6 - top margin too large
Rachael Beale wrote: Page: http://www.beale-family.net/beta/monitoring-simple.htm CSS: http://www.beale-family.net/beta/css/layout-stripped.css In IE6, the top margin of #centrecontent appears to be measured from the bottom of the navigation div, which means there is a large white gap between the bottom of the navigation and the breadcrumbs. In Firefox/Opera/Safari, the margin is apparently being measured from the top of the #page div. I thought this might be the collapsing margins issue, but applying borders and padding to everything I could think of seemed to make no difference. What am I missing here?? It seems like a margin collapsing issue to me too. Unfortunately, I'm about to run out the door, so I can't dig into right now. It seems like you should be able to remove the top margin on #centrecontent, give it 1px of top padding, then give .trail the appropriate amount of top margin to push it down from the navigation bar. 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 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [REPOST] IE6 - top margin too large
Rachael Beale wrote: I'm not sure if I didn't get any replies previously because the solution is really obvious to everyone else... but it's certainly not obvious to me, and I am being badgered to hand over this template! I've Googled and searched the Wiki and am no closer to understanding what the problem is. Can anyone help me? Page: http://www.beale-family.net/beta/monitoring-simple.htm It isn't obvious at all what's going on in there :-) Had to make several attempts before cracking it. It is a margin-collapse of sort. It can be seen clearly if borders are put on those elements, but as you have already found out; that doesn't solve it, and I didn't find any element to put the fix on either. Finally I added a clearing-element, and everything fell into place... /ul/div br style=clear: both; / div class=left_menu Then I added 'padding-top: 1px;' to #centrecontent, and it worked as expected because of the clearing-element. You can now adjust 'margin-top' on #centrecontent, and get the same result in all browsers. I'm still not sure if this is the best solution, but at least it's a stable one. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/