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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE quirk advice please

    I've spent way too much time on this and it probably is a simple tweak, but I just don't know what the problem is.

    http://www.carllerche.com/projects/d.../template.html
    http://www.carllerche.com/projects/d...ets/styles.css

    Everything looks fine in FF, but in IE there is extra space thrown in between divs. Specifically, right above the header image (I have a small div above that of a solid color, but IE throws extra space between that div and the header image div). Also, to the right, between the boxes. I have two divs containing a checkbox pattern. The last spot I noticed it is in the footer right under the footer bar (the last div). IE is throwing some extra white space.

    Any idea why it's doing this?

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    This is due to an Internet Explorer bug where if you don’t set the font size to zero, that browser will ignore the height you specified. In any case, I fail to understand why you have a non‐breaking space character in each of the boxes that’s causing you an issue. Additionally, it doesn’t make sense that you have a spacer element at the top when you could just put a top padding on the layout container element instead.

    Also, your page contains errors. &#133\; is not the correct character entity for the horizontal ellipsis character; it should be … (named), … (hexidecimal), or &#8230\; (decimal). The “Common Mistakes” section of this page explains why. Additionally, form elements require an action attribute; if you don’t want or need the attribute, use something like a div element instead. Finally, all image element require an alt attribute, which provides text as an alternative when images cannot be displayed.

    Note: The red slashes (\) above are to prevent the forum from parsing the character references as HTML; they aren’t part of the code and should be removed.
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Posting Permissions

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