ansaurus

Question

Answer 1

+3 A:

All browsers have different default styles. Some make more sense than others. Try using a CSS Reset to level the playing field, so to speak.

geowa4 2009-09-03 16:56:57

could not have said that better, +1

marcgg 2009-09-03 17:03:43

I just tried this with the example above, adding the YUI reset and the space still appears.

Jeremy 2009-09-03 17:30:39

the reset may not be perfect, but it does a good job.

geowa4 2009-09-03 19:05:59

Answer 2

A:

I've fought this problems with Internet explorer before, and this is the solution: remove the spaces between </td> and </tr> tags. This is how your html should be:

</td></tr></table>

The browser create a TextNode between </td> and </tr> and this is the additional space you see in your page.

Rodrigo 2009-09-03 17:04:52

Why the downvote? :-S

Rodrigo 2009-09-03 17:09:33

the rendering engine does this: s/\s+/\s/

geowa4 2009-09-03 17:26:39

Yes, I know the engine do that thing, but, have you tried it?

Rodrigo 2009-09-03 17:38:39

I didn't downvote you, but I just tried it, to no avail.

Jeremy 2009-09-03 17:41:19

@Rodrigo. The downvote was probably because your proposed solution is irrelevant, as it makes no difference whether there's a space between the tags.

Phaze Phusion 2009-09-03 17:42:16

Completely agree, that bug was solved in IE7, so this response is my biggest embarrassing failure here.

Rodrigo 2009-09-04 03:28:36

Answer 3

+1 A:

You need to give hasLayout to the li containing the table and ul.

  <ul style="background-color: Blue;">
    <li style="zoom:1;">
        <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color: Red">

Emily 2009-09-03 17:52:59

Great article, thanks for sharing!

Jeremy 2009-09-03 19:15:22

ansaurus

tags:

views:

answers:

IE7 spacing within a UL

related questions