Re: [css-d] IE7 ignoring margin in certain conditions with other rules
On 9/15/06, Bruno Fassino <[EMAIL PROTECTED]> wrote: > You have the problem in ie7 with min-width since this applies hasLayout. > I haven't checked the details, but you could try to give hasLayout to the > parent of your h2: the missing horizontal margin should come back. > This will probably create other differences, but those should be fixable > (maybe using paddings.) giving my parent div a "min-height: 1px;" got ie7 back on track. suffice it to say i am *not* looking forward to learning all these new broken areas and working around new and unknown (to me at least) bugs in yet another version of a major browser. :( now i remember why i kept putting off checking in ie7 after the RC came out... ugh. thanks a bunch bruno. :) i'm glad it was an easy fix, and hopefully i'll be able to figure it out on my own next time! __ 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/
Re: [css-d] IE7 ignoring margin in certain conditions with other rules
cj wrote: > ok guys, i've got a weird one here. i'm taking a day to go through > some of my pages to make sure they look decent in ie7, and i noticed > that on one of my expandable pages that ie7 was ignoring my > margin-left on an h2. > > i did my usually hack and slash debug method of deleting chunks of my > css file and checking to see if it started to display right, and by > narrowing down the results i found that having a border on the div > around my h2 made my h2 ignore the margin. taking this border off of > the parent div solved the problem and my h2 once again had a left > margin. but... i need that border. [line 91] > > i saved my page and started to make a test page to post on the list > when i found another "solution" to my left margin problem. keeping > the same css, if i delete the min-height on the h2, it also fixes the > margin. but... i need that min-height for a background image. [line > 44] > http://sltclan.com/cj/css-d/h2margin.html IE has several problems with the margins of a box nested in another one: depending on the hasLayout [0] state of the two boxes, many different problems show up. These include errors in margin collapsing, and also disappearing horizontal margins, as in your case. Some of these problems are mentioned in [1] [2] You have the problem in ie7 with min-width since this applies hasLayout. I haven't checked the details, but you could try to give hasLayout to the parent of your h2: the missing horizontal margin should come back. This will probably create other differences, but those should be fixable (maybe using paddings.) hth, Bruno [0] http://www.satzansatz.de/cssd/onhavinglayout.html [1] http://brunildo.org/test/IEMarginCollapseLayout.html [2] http://brunildo.org/test/IEMarginPadding.html PS: Sorry cj if you get this twice! __ 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/
Re: [css-d] IE7 ignoring margin in certain conditions with other rules
and i of course forget to post a link. sorry about that everyone. http://sltclan.com/cj/css-d/h2margin.html __ 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/
[css-d] IE7 ignoring margin in certain conditions with other rules
ok guys, i've got a weird one here. i'm taking a day to go through some of my pages to make sure they look decent in ie7, and i noticed that on one of my expandable pages that ie7 was ignoring my margin-left on an h2. i did my usually hack and slash debug method of deleting chunks of my css file and checking to see if it started to display right, and by narrowing down the results i found that having a border on the div around my h2 made my h2 ignore the margin. taking this border off of the parent div solved the problem and my h2 once again had a left margin. but... i need that border. [line 91] i saved my page and started to make a test page to post on the list when i found another "solution" to my left margin problem. keeping the same css, if i delete the min-height on the h2, it also fixes the margin. but... i need that min-height for a background image. [line 44] can anyone tell me another way to fix this so that i can keep both my border and the min-height? is this a known bug that microsoft is aware of? it almost sounded like collapsing margins, but i tried putting padding in and that didn't fix it. __ 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/