Jump to content

Alternating Table Rows: Look great in Firefox, flawed in IE


Recommended Posts

Here's my code:


[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Thrills.</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
body {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
color: #333;
}


#trentdiv {
position:absolute;
top: 50%;
left: 50%;
width:520px;
height:300px;
margin-top: -150px; /*set to a negative number 1/2 of your height*/
margin-left: -255px; /*set to a negative number 1/2 of your width*/
border: 5px solid #ccc;
background-color: #f3f3f3;
overflow:auto;
}

</style>

<?
// Connects to your Database
mysql_connect("", "", "") or die(mysql_error());
mysql_select_db("") or die(mysql_error());


$jobs = mysql_query("SELECT date, title, location FROM jobs
ORDER BY `postid` DESC LIMIT 0 , 30")
or die (mysql_error());

$numofrows = mysql_num_rows($jobs);



echo "<div id='trentdiv'>";
echo "<table width='500 px' height= '400 px' align = 'center' border='1' cellpadding='3' cellspacing='3'> </tr>";


for($i = 0; $i < $numofrows; $i++) {
   
    $row = mysql_fetch_array($jobs); //get a row from our result set
    if($i % 2) { //this means if there is a remainder
   
echo "<tr bgcolor='#ddd8dc'";
   
} else {

echo "<tr bgcolor='#feaae9'>";
    }
   
echo "
<td align=left> ".$row['date']." </td>
<td align=center><b>".$row['title']." </b> </td>
<td align=center> ".$row['location']." </td>";
   
    echo "</tr>";
}



echo "</TABLE>";
echo "</div>";

?>



[/code]



Any insight would be muchly appreciated, here's a couple of jpegs that demonstrate what I'm talking about...

[img]http://www.strippedgirl.com/1/ie.jpg[/img]

[img]http://www.strippedgirl.com/1/firefox.jpg[/img]

  • 2 weeks later...
daniel0: you are right
should be css
but I thought that not closing the tag might be why it does not show in ie but works in firefox.

I think that even if you declare it strict it will work with all the mistakes  (i honestly can not believe that all websites there are have no errors in them ;) )
If you validate it you will get the errors.
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.