IE7 cause of “Text - Empty Text Node”

后端 未结 9 2519
野的像风
野的像风 2021-02-19 04:04

I\'m using the IE web developer toolbar to troubleshoot an issue. A blank white space is appearing below a list item, and I can\'t logically figure out why. Using the web dev

相关标签:
9条回答
  • 2021-02-19 04:33

    I was hitting a variation of this iisue which is a phantom dot to the left of my list item in IE9 in native view The solution was to apply this style to the LI element

    LIST-STYLE-TYPE: none;
    

    hth

    0 讨论(0)
  • 2021-02-19 04:44

    I resolved this cause by adding the align tug to image, like this (i'm use DTD HTML 4.01 Transitional ):

    Before

    <div class="OpenParagraph"></div>
    <div><img alt="-" width="489" height="1" border="0"  src="/image/fadeBigBorder.gif"></div>
    <div class="OpenParagraph"></div>
    

    After

    <div class="OpenParagraph"></div>
    <div><img alt="-" width="489" height="1" border="0" align="absMiddle" src="/image/fadeBigBorder.gif"></div>
    <div class="OpenParagraph"></div>
    
    0 讨论(0)
  • 2021-02-19 04:44

    I had this issue and I realized the doctype and html tags were not up to date

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    0 讨论(0)
  • 2021-02-19 04:45

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

    a
    {
        display:block;
        zoom:1;
    }
    
    0 讨论(0)
  • 2021-02-19 04:47

    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

    0 讨论(0)
  • 2021-02-19 04:50

    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!

    0 讨论(0)
提交回复
热议问题