Hello and welcome to our community! Is this your first visit?
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
    Apr 2009
    Thanked 0 Times in 0 Posts

    Table with rounded corners has annoying gap only in IE7

    Hi all,

    I'm working on a site for a non-profit organization. It's my first real project. I've been learning how to create tables with rounded corners, which I like the look of. I seem to have the hang of it, but I'm running into an annoying problem.

    The site looks fine in Firefox and Safari, but in IE7 there is a small issue. The rounded bottom of the main table is separated from the rest of the table by a small space. I have no <br> or <p> codes in that part of the code, and I have valign set to top on the TD tag where the bottom table pic is. Any ideas what the problem could be?

    Remember, the issue is only with IE7 (and possibly other versions of IE). I think the rounded bottom table graphic is slightly off by a pixel or 2 which I plan to correct in Photoshop, but I'm really most concerned about the gap issue.

    Here's the URL:



  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Thanked 1,847 Times in 1,831 Posts
    Hello TheAntipop,
    Have a look at the errors the validator finds - http://validator.w3.org/check?verbos....com%2Fribn%2F Links about validating in my sig below.
    There is also a link about using tables for layout.

    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


    Posting Permissions

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