SitePoint.com

CyberFuture · Feb 23, 2006, 10:50

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

all4nerds · Feb 23, 2006, 13:06

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">

CyberFuture · Feb 23, 2006, 13:43

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

CyberFuture · Feb 27, 2006, 16:20

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

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Feb 23, 2006, 13:06	#2
all4nerds Non-Member Join Date: Jan 2005 Location: Netherlands Posts: 4,302	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">

Feb 23, 2006, 13:43	#3
CyberFuture SitePoint Evangelist Join Date: May 2001 Location: San Diego, CA Posts: 431	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

Feb 27, 2006, 16:20	#4
CyberFuture SitePoint Evangelist Join Date: May 2001 Location: San Diego, CA Posts: 431	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