Log in

View Full Version : Cell Border Color: Firefox vs. IE.

RickJ
Mar 24, 2006, 12:07 PM
Here (http://www.jackson8.com/cellborder.html)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, 05:45 AM
1. Have it appear more like candy apple red in FF
Try this:

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

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.


<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 (http://www.devguru.com/technologies/css2/8051.asp)
More on border styles (http://www.devguru.com/technologies/css2/8067.asp)
RickJ
Mar 27, 2006, 05:51 AM
I'll try that one. Just yesterday I found this one, which designates a color for each "wall" of the table:


<!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, 08: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, 08:59 AM
Oops. I see!

Here it is:


<!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>