ansaurus

Question

Answer 1

+2 A:

this may have to do with the "has layout", your zoom: 1 may work, also try one of these:

li { display: block; } li { width: auto; } li { width: 100%; }

you may have to counter act these with a display: inline, or float: left if your trying to get the list to show up as a horizontal menu.

hope that helps

SkyLar 2009-09-04 15:53:54

Answer 2

+4 A:

Now that the <a> is a block level element, you have to give it hasLayout too.

a
{
    display:block;
    zoom:1;
}

Emily 2009-09-04 16:20:42

Thanks - still trying to grok the hasLayout issue.

Jeremy 2009-09-04 16:28:29

Answer 3

A:

I've seen this occur with images surrounded by empty divs as well in which this ugly "text node" was creating whitespace that pushed the div below it down.

<div class="top"></div>
<img src="image.jpg" />
<div class="bottom"></div>

The solution that worked for me was to wrap the image in a div:

<div class="top"></div>
<div><img src="image.jpg" /></div>
<div class="bottom"></div>

restlessdesign 2010-04-29 20:27:49

Answer 4

A:

The last solution, wrapping the IMG tag in an empty DIV worked for me.

Alex 2010-06-21 23:51:28

Answer 5

A:

I encountered a similar issue with an inline list that I was working on. IE7 was adding a small amount of space after each one of my list elements. I had difficulty tracking down the issue but I finally discovered that the white space in my HTML was causing the space. I removed the white space and everything was fixed. See before and after example below:

<!-- Before -->
<ul>
     <li><a href="#">My Account</a></li>
     <li><a href="#">Support</a></li>
     <li class="last"><a href="#">Logout</a></li>
</ul>

<!-- After -->
<ul>
     <li><a href="#">My Account</a></li><li><a href="#">Support</a></li><li class="last"><a href="#">Logout</a></li>
</ul>

Hope this helps out someone!

Cory 2010-08-03 20:51:37

Answer 6

A:

Thank you. The text node issue was on the img tag. If you give that a display:block, everything goes back to normal. That -3px is annoying as hell.

Jeremy Carlson 2010-08-05 15:05:21

Answer 7

A:

Working with Asp.Net I replaced the <a href=""></a> tags with the <asp:HyperLink NavigateUrl="" runat="server"></asp:HyperLink> tags and it worked.

I understand the original question is not about Asp.Net, but I stumbled across it in my own quest

keith 2010-09-20 06:06:52

ansaurus

tags:

views:

answers:

IE7 cause of "Text - Empty Text Node"

related questions