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
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts

    border-collapse hiding some outside borders

    Here's the page in question, http://www.rajetter.com/order.html.

    IE6 hides the right side border for certain td's. Opera and Firefox close all the borders.

    This is all of the CSS being applied:
    Code:
    table { border-collapse:collapse; } 
    td { border:solid 1px #666; }
    .label { text-align:right; }
    I realize I could add a border to the table itself to close these open borders, but the plan is to remove the borders for empty cells, so adding a border to the table defeats the purpose.

    Anyone know why this happens or care point out what I may be doing wrong?
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #2
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Have you tried to set a margin for the input elements? They are making the cell to big and so they are not having the right borders applied. If that doesn't work, expand the cell widths.

  • #3
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the suggestion. After looking at it some more it wasn't the inputs or the border-collapse.

    I had given some of my colspan's the wrong value. Damn tables.

    Funny... IE exposed the error while Firefox and Opera rendered my mangled code as if it were okay.
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #4
    Regular Coder
    Join Date
    May 2004
    Location
    Minneapolis, MN, USA
    Posts
    904
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Until border-collapse is more reliable, I'm sticking with this approach if I want a table with borders on all sides of all cells:

    Code:
    table {border-top: 1px solid #000; border-left: 1px solid #000;}
    th,td {border-right: 1px solid #000; border-bottom: 1px solid #000;}


  •  

    Posting Permissions

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