Jump to content

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

ridiculous

By ridiculous
in PHP Coding Help

Recommended Posts

ridiculous Member

ridiculous

Posted
Posted
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]

alpine Member

alpine

Posted
Posted
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'>";
redarrow Advanced Member

redarrow

Posted
Posted

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]

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • 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.