Re: [css-d] IE7 ignoring margin in certain conditions with other rules

2006-09-18 Thread cj
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

2006-09-15 Thread Bruno Fassino
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

2006-09-15 Thread cj
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

2006-09-15 Thread cj
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/