Cell Border Color: Firefox vs. IE.

RickJ · #1 Mar 24, 2006, 10:07 AM

Here I've colored the cell border Red (FF0000).

In IE it is the candy apple red that I want it to be
but
In FF, it's an odd two toned color and includes a "bevel".

I love the bevel that FF shows but hate the color.

Anyone know how I can have the best of both worlds?:
1. Have it appear more like candy apple red in FF, and
2. Show the bevel in IE?

Thanks!!

LTheobald · Mar 27, 2006, 03:45 AM

Quote:

Originally Posted by rickj

1. Have it appear more like candy apple red in FF

Try this:

Code:

<table align="center" style="border: 10px solid #FF0000; width: 90%;">

Quote:

Originally Posted by rickj

2. Show the bevel in IE?

Just change the "solid" to either "inset" or "outset" (depending on what way round you want the darker/lighter shades.

Code:

<table align="center" style="border: 10px inset #FF0000; width: 90%;">
<table align="center" style="border: 10px outset #FF0000;  width: 90%;">

Links:
More on the "border" attribute
More on border styles

RickJ · Mar 27, 2006, 03:51 AM

I'll try that one. Just yesterday I found this one, which designates a color for each "wall" of the table:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<table width="90%" border="10" align="center" bordercolor="#FF0000">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>

LTheobald · Mar 27, 2006, 06:44 AM

Rick, I think you posted the wrong code - that's the code for the original example. Nothing to do with a colour for each wall

RickJ · Mar 27, 2006, 06:59 AM

Oops. I see!

Here it is:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<table width="90%" align="center" style="border: 10px solid; border-color: #FF0000 #B22222 #FF0000 #B22222">
  <tr>
    <td style="border: 1px solid" bordercolor="000">&nbsp;</td>
  </tr>
</table>

<p>&nbsp;</p>
<p>Note, colors are designated for each border...this gets a beveled look in
  IE. </p>
</body>
</html>



At Ask Me Help Desk you can ask questions in any topic and have them answered for free by our experts. To ask questions or participate in answering them you must register for a free account. By registering you will be able to: Get free answers from experts in any of our 300+ topics. Accept money for answers that you provide. Communicate privately with other members (PM). See fewer ads. Sign Up!