Thank you Georg,
I had not known that about IE and I believe has also caused me to
compensate many other designs. Thank you for that information.
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Gunlaug Sørtun
Sent: March 5, 2006 8:52 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] <Layout Glitch> :: Help Me!
Andrew Brown wrote:
> http://www.zargomedia.org/dump/services.html
>
> Problem: View this page in FireFox: Looks beautiful. View this page
> in IE 6: Gap above my header div element.
>
> I could place the div tag inside the header to remove the gap but
> then my corners will not be transparent. Maybe someone has a magical
> CSS attribute to solve my problem?
That's a typical HTML problem in IE/win. IE interprets an empty element
as if it has content inside, and adds line-height to it. That creates
the gap.
Solution: put an HTML comment inside the empty div, as IE6 will then
treat it correctly as if it has no content, thus no line-height.
<div class="container_top"><!-- --></div>
You can also define 'font-size: 1px; line-height: 0;' to the empty
element and achieve the same effect. Not as reliable though.
Georg
--
http://www.gunlaug.no
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
