Jump to content

Help! Alternating row colors look great in Firefox, don't work in IE.


ridiculous

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


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]

Link to comment
Share on other sites

You have a misplaced tr close, probably that one messing up:

echo "<table width='500 px' height= '400 px' align = 'center' border='1' cellpadding='3' cellspacing='3'>[color=red] </tr>"[/color];


**EDIT**

Noticed another one - missing close bracket on one of your tr starts

echo "<tr bgcolor='#ddd8dc'[color=red]>[/color]";

} else {

echo "<tr bgcolor='#feaae9'>";
Link to comment
Share on other sites


As your using css you goto use the color: red; property and the background-color propery together.

as you see from the code below as it is fully valadated as correct with no warnings form

http://jigsaw.w3.org/css-validator/

please always valadate your css code and your html.

[code]

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


#trentdiv {
position:absolute;
            color: red;
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>
[/code]
Link to comment
Share on other sites

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.