Jump to content

Archived

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

ridiculous

Help! Alternating row colors look great in Firefox, don't work 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'>";


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]

Share this post


Link to post
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'>";

Share this post


Link to post
Share on other sites
Thank you so very, very much. I really appreciate it. If there's anything I can do for you, let me know.

Share this post


Link to post
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]

Share this post


Link to post
Share on other sites

×

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.