Cole Kuryakin wrote:
Hello All -
I'm developing a new framework for my projects and have come across
something I can't get rid of.
Go here: http://www.koisis.com/.framework/-public/index.php
If you look at the purple float that contains a beige main content
area, you'll see that the beige content area is being pushed down
about 25px for some reason in FF. In IE 6 and IE 7 the same phenomena
also happens, but it happens at the TOP of the beige content area
itself.
The top margin you've declared on h1...
#contentMain h1 {margin: 25px 0 10px 0;}
...is escaping #contentMain and ends up on top of it in compliant
browsers. That's correct behavior AFAICS...
<http://www.w3.org/TR/CSS21/box.html#collapsing-margins>
IE6/7 OTOH are containing h1's margin because of the 'hasLayout'
triggering...
#contentMain {width: 550px;
...you've declared in there. That's not correct but not much you can do
about it.
One way to solve it is to have zero margin-top on that h1, and use on it
padding-top instead.
Another way is to contain the margin-top by declaring...
#contentMain {float: left; display: inline;}
...which all browsers will agree on, and thereafter adjust h1's
margin-top to taste.
regards
Georg
--
http://www.gunlaug.no
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
