Why does IE add a pixel of white space around my links?

[Alan Silver]

Hello,

Here I am again with another "why does IE do that" question!!

Please have a look at http://www.kidsinaction.org.uk/fd/homepage.html
and see if you can work out why IE adds a one pixel white space on the
left and right side of the links with the light-green backgrounds. It
doesn't do it on the header links, which have darker green backgrounds.

FF and Opera don't add the pixel at all, which is what I would expect as
I set left and right margins to zero for all relevant elements.

Any suggestions? TIA

--
Alan Silver
(anything added below this line is nothing to do with me)

[VK]

VK wrote:

simply open the
OP's link in IE 6, File > Save As > Web page complete. You will get the
normalized version of the page: not what is served from the server, but
what IE sees internally.

I forgot to mention that it also will reveal the sad fact that your
XHTML declaration goes by the "Unrecogniz ed DTD" rule as spelled in the
same article (which I hope you already printed out and finished fixing
on the wall near of your computer :-)
So any XHTML (even the most Strict) in IE becomes "-//W3C//DTD HTML
4.01 Transitional//EN" pollued with all kind of trash all around :-(
;-)

[Michael Winter]

On 27/04/2006 11:15, VK wrote:

Johannes Koch wrote:

VK wrote:

In CSS1Compat mode there are not default measurement units, so IE
has all rights to ignore margin:0 declaration.
Why?

Because they decided so

No, they didn't.
and currently it's build into UA.
No, it's not.

<http://www.w3.org/TR/REC-CSS1#length-units>:
After a '0' number, the unit identifier is optional.

[snip]
In the particular "Stricter Style Sheet Parsing" section states:
<quote>
Values without unit type identifiers and values with white space
between the number and the unit type identifier are ignored.
Note: There is one exception to this rule. The line-height explicitly
accepts unitless numbers and treats them in a manner similar to a
percentage setting. For example, "line-height: 2" is similar to
"line-height: 200%," differing only in how the number inherits.
</quote>

As you can see, zero values are not in the list.
It doesn't need to be. A length value of zero (0) is a rather obvious
special case: a value of zero, in any unit, is still zero.
And indeed margin:0 makes IE in CSS1Compat mode upset.
Rubbish.
To check that out, simply open the OP's link in IE 6, File > Save As

Web page complete. You will get the normalized version of the page:

not what is served from the server, but what IE sees internally.
Compare the treatment for paddings and for margin:0 in the normalized
version.

You mean,

margin: 0px;

rather than:

margin: 0;

So what? They are equivalent.

If MSIE chooses to normalise zero length values to '0px', that's its
business. It does far stranger (and patently wrong) things when
'normalising' markup. One could only claim that it ignores declarations
containing unit-less zero values if those declarations were actually
removed during the normalisation process, but they aren't. Compare its
behaviour with unit-less non-zero values: these /are/ removed.

Once again, you observe simple behaviour, and somehow manage to draw the
wrong conclusions.

Mike

--
Michael Winter
Prefix subject with [News] before replying by e-mail.

[Alan Silver]

In article <11************ **********@u72g 2000cwu.googleg roups.com>, VK
<sc**********@y ahoo.com> writes

Must be because the link boxes are having "pack width" as opposed to
"max width". By setting width:100% for LI elements eliminates the gaps.

Thanks, that was the simplest solution.

--
Alan Silver
(anything added below this line is nothing to do with me)

[Alan Silver]

In article <11************ **********@u72g 2000cwu.googleg roups.com>, VK
<sc**********@y ahoo.com> writes

btw if you decided to force W3C on IE, then play by the rules ;-) In
CSS1Compat mode there are not default measurement units, so IE has all
rights to ignore margin:0 declaration. It doesn't do it of a good of
its heart :-) but margin: 0px 0px would be more appropriate.

Funny, I used to use units for zero measurements, but having seen people
here say many times that you don't need them, I thought I'd be al grown
up and leave them off. Looks like I should have stuck with my old
habits!!

Ta ra

--
Alan Silver
(anything added below this line is nothing to do with me)

[Alan Silver]

In article <11************ *********@g10g2 000cwb.googlegr oups.com>, VK
<sc**********@y ahoo.com> writes

VK wrote:

simply open the
OP's link in IE 6, File > Save As > Web page complete. You will get the
normalized version of the page: not what is served from the server, but
what IE sees internally.
I forgot to mention that it also will reveal the sad fact that your
XHTML declaration goes by the "Unrecogniz ed DTD" rule as spelled in the
same article (which I hope you already printed out and finished fixing
on the wall near of your computer :-)

Printing out even as we speak. Will probably be stuck on the toilet
wall, partly as it is more likely to be read there, and partly because
it seems like an appropriate place to put an article about IE's
"advanced" handling on CSS!!
So any XHTML (even the most Strict) in IE becomes "-//W3C//DTD HTML
4.01 Transitional//EN" pollued with all kind of trash all around :-(
;-)

Harumph. Dontcha just *lurve* IE?

Ta ra

--
Alan Silver
(anything added below this line is nothing to do with me)

[Michael Winter]

On 27/04/2006 16:03, Alan Silver wrote:

[snip]

Funny, I used to use units for zero measurements, but having seen people
here say many times that you don't need them, I thought I'd be al grown
up and leave them off. Looks like I should have stuck with my old habits!!

When the majority say something - in this case, that units are optional
for zero length values - and VK says something else, ignore the latter.

Mike

--
Michael Winter
Prefix subject with [News] before replying by e-mail.

[Ken Loomis]

On Thu, 27 Apr 2006 16:02:40 +0100, Alan Silver
<al*********@no spam.thanx.inva lid> wrote:

In article <11************ **********@u72g 2000cwu.googleg roups.com>, VK
<sc**********@ yahoo.com> writes

Must be because the link boxes are having "pack width" as opposed to
"max width". By setting width:100% for LI elements eliminates the gaps.

Thanks, that was the simplest solution.

It doesn't work for me. The li width has to be 99% and the visited,
etc. width has to be 100%. And I haven't tested on different
resolutions.

Ken

[Alan J. Flavell]

On Thu, 27 Apr 2006, Michael Winter wrote:

On 27/04/2006 16:03, Alan Silver wrote:

Funny, I used to use units for zero measurements, but having seen
people here say many times that you don't need them, I thought I'd
be al grown up and leave them off. Looks like I should have stuck
with my old habits!!

When the majority say something - in this case, that units are
optional for zero length values - and VK says something else, ignore
the latter.

As always with usenet, it's best to use the answers as clues, and go
read the specification to see what it really says. Even those of us
who care about giving accurate answers are going to make mistakes from
time to time.

[VK]

Michael Winter wrote:

On 27/04/2006 16:03, Alan Silver wrote:

[snip]

Funny, I used to use units for zero measurements, but having seen people
here say many times that you don't need them, I thought I'd be al grown
up and leave them off. Looks like I should have stuck with my old habits!!

When the majority say something - in this case, that units are optional
for zero length values - and VK says something else, ignore the latter.

OK, OK! In the very first post here I said <q>IE has all rights to
ignore margin:0 declaration. It doesn't do it of a good of its heart
:-)</q>
(where once again "rights" are based on Microsoft own specs, not W3C
ones).

So later assumption (that it makes it upset) was wrong. I just did not
read right the "normalized " source code. It appears that while IE rolls
up PADDING shortcut so it becomes PADDING-LEFT, PADDING-TOP etc., the
MARGIN shortcut is not rolled up. I originally thought that if was
caused by margin:0; declaration, but it stays the same for any
declaration.

So yes, everyone is entitled for his holly right to use margin:0
shortcut :-)

About the statement the "0 is always 0 in any mesures" it is correct
for a simple case like margin:0;
It is getting more puzzling in a case like margin: 0 .5em (space after
0). Should UA interpret it as margin:0.5em or as margin: 0px 0.5em or
as an incorrect declaration? But of course W3C thought all detail to
the end I'm sure.

[Alan Silver]

In article <r4************ *************** *****@4ax.com>, Ken Loomis
<no************ **@address.com> writes

Must be because the link boxes are having "pack width" as opposed to
"max width". By setting width:100% for LI elements eliminates the gaps.

Thanks, that was the simplest solution.

It doesn't work for me. The li width has to be 99% and the visited,
etc. width has to be 100%. And I haven't tested on different
resolutions.

Hmm, I just tried it on IE6, FF and Opera and they all worked fine. IE5
showed some extraneous spaces below the links, but the widths were fine.

What browser, font size, etc were you using when it didn't work?

I've updated the sample page to show my latest incarnation. Please try
this one and see if it works for you. I'm puzzled as to how it works for
me and not you.

http://www.kidsinaction.org.uk/fd/homepage.html

Ta ra

--
Alan Silver
(anything added below this line is nothing to do with me)