SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Evangelist CyberFuture's Avatar
    Join Date
    May 2001
    Location
    San Diego, CA
    Posts
    434
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Missing border on some rows in IE

    Hi,

    For some strange reason, the right-hand border is not appearing on two rows. in the code below. I can't find any differerence between these rows and the rows that have right-hand border. This problem only appears in IE.

    Note: the following code has been reduced for easy viewing. Originally there were was three tables. The first table contained about 35 contacts including Michael of which only Michael's right border didn't appear. A second table with two contacts was fine. The third table contained about 12 contacts including Mario of which only Mario's right border didn't appear.

    Further strangeness: on the reduce code, if you remove the td style, Michael and Mario's borders appear, but Vince's doesn't.!
    HTML Code:
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE>Team Members</TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    td {
    font: 12px "Myriad Web Pro", "Myriad Pro", Myriad, Arial, sans-serif;
    color: #000000;
    }
    .title {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background: #002C54;
    padding: 5px;
    }
    .row1r {
    padding-left: 5px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #002c54;
    border-bottom-color: #002c54;
    vertical-align: top;
    }
    .row1l {
    padding-left: 5px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #002c54;
    border-left-color: #002c54;
    vertical-align: top;
    }
    -->
    </style>
    </HEAD>
    <BODY>
    <table border="0" cellspacing="0" cellpadding="3" width="350">
    	 <tr>
    		<td class="title" colspan="2"> Team One </td>
    	 </tr>
    	 <tr>
    		<td class="row1l" width="125"><a href="#"><b>Derrick Manuel</b></a></td>
    		<td class="row1r">Sevice Area: &nbsp; &nbsp; <i>Louisiana, Mississippi</i></td>
    	 </tr>
    	 <tr>
    		<td class="row1l" width="125"><a href="#"><b>Michael O'Grady</b></a></td>
    		<td class="row1r">Sevice Area: &nbsp; &nbsp; <i>Alabama, Florida, Georgia, Kentucky, Mississippi, North Carolina, South Carolina, Tennessee, Virginia</i></td>
    	 </tr>
     
    	 <tr>
    		<td class="row1l" width="125"><a href="#"><b>Vince Scalise</b></a></td>
    		<td class="row1r">Sevice Area: &nbsp; &nbsp; <i>Connecticut, Delaware, Maine, Maryland, Massachusetts, New Hampshire, New Jersey, Upstate New York, Puerto Rico, Rhode Island, Vermont</i></td>
    	 </tr> 
     
    <tr>
    	<td class="row1l" width="125"><a href="#"><b>Mario Crenshaw</b></a></td>
    	<td class="row1r">Sevice Area: &nbsp; &nbsp; <i>Alabama, Florida, Georgia, Kentucky, Mississippi, North Carolina, South Carolina, Tennessee, Virginia</i></td>
    </tr>
    <tr>
    	<td class="row1l" width="125"><a href="#"><b>Dan Dunn</b></a></td>
    	<td class="row1r">Sevice Area: &nbsp; &nbsp; <i>New York</i></td>
    </tr>
    </table>
    </BODY>
    </HTML>
    Thanks in advance for all help, Sandra

  2. #2
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    the width of your table the right td needs more space
    <table border="0" cellspacing="0" cellpadding="3" width="350">

    <table border="0" cellspacing="0" cellpadding="3" width="354">

  3. #3
    SitePoint Evangelist CyberFuture's Avatar
    Join Date
    May 2001
    Location
    San Diego, CA
    Posts
    434
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Very curious. Do you know why this happens? I don't understand why the table size would prevent a row's border from showing up? And if it prevents one row's border from showing up, why doesn't it cause all the rows' borders from showing up? Why this one and not that one?

    Also if you set the table width to 340, it has the same effect as removing the style td.

    -- Sandra

  4. #4
    SitePoint Evangelist CyberFuture's Avatar
    Join Date
    May 2001
    Location
    San Diego, CA
    Posts
    434
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can anyone explain why this is happening? If I don't understand why its breaking, I can't predict what will happen as new contacts are added and service areas are added or removed. I would love to give this table all the room it needs, but as there are three tables going across the page, I need to keep the table width small (as in 275 pixels).

    Feel free to point me to articles, forum posts, etc...


    Thanks, Sandra


Bookmarks

Posting Permissions

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