Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    May 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Overflow bug in IE > disappearing text

    In the following code when viewed in IE6/PC the text in the first div disapears while the text in the 2nd div shows up fine. It seems to be a problem with the overflow in combination with the defined width, nowrap and padding image inside the div, as a change to any of those makes the test appear again.

    Looks like a strange rendering bug, but I wanted to see if anybody knew of a flaw in the code or a workaround

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <head>
    <title>Grade Book</title>
    <style type="text/css">
    body{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px;}
    .cellwidth {overflow:hidden; white-space:nowrap; width:82px; border:1px solid #000;}
    a.inline2 {padding:1px;}
    </style>
    </head>
    <body>
    <div class="cellwidth">
    <a href="#" class="inline2"><img src="/webct/images/shim.gif"></a>
    <a href="#">handerson</a>
    </div>

    <div class="cellwidth">
    <a href="#" class="inline2"><img src="/webct/images/shim.gif"></a>
    <a href="#">handersonn</a>
    </div>

    </body>
    </html>


    Thanks for the help

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Can you tell us the size of the images or make them available to us so we can test different solutions?

  • #3
    New to the CF scene
    Join Date
    May 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    The image

    Sorry about that, the shim is just a 1x1 spacer image. In the actual project I am working on it was a different image, but as I tried to simplify the code to find the problem I switched it out for just a blank image. I have included the image so that you can reproduce the exact page I had.
    Attached Images Attached Images  

  • #4
    Regular Coder
    Join Date
    Nov 2004
    Location
    The Netherlands
    Posts
    551
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Why not just use &nbsp; and use css to set the font-size to 1px??
    CATdude about IE6: "All your box-model are belong to us"


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •