Re: [css-d] Firefox 3 bug or template issue?
On Thu, 24 Jul 2008 11:05:32 +0200, Thijs Hakkenberg wrote:
Dear List,
I've got a template which I intent to use for our intranet, but in Firefox 3
there's a
strange whitespace on top of the template:
http://ebrius.nl/fileadmin/template/mem_don/3/
And I can't seem to fix it. Iexplore 7, 6 render it correctly.
Anyone know what causes this whitespace?
~~~
It's this, from line 218 of intranet.css -
#header h2#id {
...
margin-top: 25px;
}
Cordially,
David
--
__
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/
Re: [css-d] Firefox 3 bug or template issue?
Thijs Hakkenberg wrote:
Anyone know what causes this whitespace?
Try this: h1{margin:0}
It looks like collapsing margins to me.
Hope it helps.
--Bill
--
/**
* Bill Brown
* TheHolierGrail.com MacNimble.com
* From dot concept...to dot com...since 1999.
***/
__
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/
Re: [css-d] Firefox 3 bug or template issue?
On Jul 24, 2008, at 6:05 PM, Thijs Hakkenberg wrote: I've got a template which I intent to use for our intranet, but in Firefox 3 there's a strange whitespace on top of the template: http://ebrius.nl/fileadmin/template/mem_don/3/ And I can't seem to fix it. Iexplore 7, 6 render it correctly. The usual thing, and IE (6+7) is wrong. Gecko, WebKit, Opera look all the same and are correct. The issue is one of margin-collapsing (-through). The margin-top on the h2 is outside of the blue box (#header). That doesn't happen in IE, 'cause you have declared a 'height' on the div (triggers 'hasLayout'), and that prevents the margin of collapsing through. Try adding a 1px border at the top of the div. That will fix the issue. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ 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/
Re: [css-d] Firefox 3 bug or template issue?
Thanks, I already fixed it with Amrider's advice:
#header h2#id {
background:transparent url(../images/individual.gif) no-repeat scroll
left 50%;
color:White;
font-family:Tahoma,Sans-Serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
*- margin-top:25px; // Remove this rule or set margin-top:
0px;text-indent:20px;
text-transform:none;
}
Regards,
--
From: Thijs Hakkenberg [EMAIL PROTECTED]
Sent: Thursday, July 24, 2008 2:35 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Firefox 3 bug or template issue?
Philippe Wittenbergh wrote:
On Jul 24, 2008, at 6:05 PM, Thijs Hakkenberg wrote:
I've got a template which I intent to use for our intranet, but in
Firefox 3 there's a strange whitespace on top of the template:
http://ebrius.nl/fileadmin/template/mem_don/3/
And I can't seem to fix it. Iexplore 7, 6 render it correctly.
The usual thing, and IE (6+7) is wrong. Gecko, WebKit, Opera look all
the same and are correct.
The issue is one of margin-collapsing (-through). The margin-top on
the h2 is outside of the blue box (#header).
That doesn't happen in IE, 'cause you have declared a 'height' on the
div (triggers 'hasLayout'), and that prevents the margin of collapsing
through.
Try adding a 1px border at the top of the div. That will fix the issue.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
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/
__
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/
