Forum Moderators: open
Hello, a new guy here. I trust all are well, and look forward to learning from you all. Thanks in advance for your help.
Our new web page is experiencing problems being viewed as designed by all browsers (a problem for everyone). Specifically, the text color is not viewed the same for IE versus Firefox. There are other minor attributes such as bodyheight and bodywidth that aren't supported by Firefox, but it does not cause a big problem.
About 2 out of 10 times whenever the site is viewed in Firefox it will 'look' like the IE version. Enclosed you will find a small piece of xhtml, and I would ask if you might see something that could cause such a problem. The "#FFFFFF" value is mostly showing up as blue or black in Firefox, instead of white. Thanks again for your help...
<style type="text/css">
<!--
.unnamed1 {
font: bold normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
background-attachment: fixed;
background-image: url(hats/wood020.gif);
background-repeat: repeat;
background-position: left top;
letter-spacing: normal;
text-align: justify;
vertical-align: text-top;
word-spacing: normal;
border: #FFFFFF;
From what you've wrote, I cant tell what the problem is. However, if the text isn't showing up as white, then there must be another style later on in the CSS or inline styles thats overriding what you have there.
:)
color: #FFFFFF;
This should make the text white in all browsers unless it is being overridden. Although personally I would keep the value lowercase (
#ffffff) and for this value you can use the slightly shorter
#fff
border: #FFFFFF;
Try:
border-color: #fff;
You don't specify a width for your border; is this OK? Also, if this element is contained in an anchor then the border-color could be overridden by the anchor color - default blue (perhaps only if this is an image).
There are other minor attributes such as bodyheight and bodywidth that aren't supported by Firefox...
I'm not sure exactly what you mean here, but I would have thought it was best to have a #content-container within your BODY and size that?
and welcome to WebmasterWorld! :)
<body background="hats/wood020.gif" text="FFFFFF" link="FFFFFF" vlink="#FFFFFF" alink="CC9966">
<table align="center" border="0" cellspacing="1" cellpadding="1" width="100%">
<tr align="left" valign="top">
The text value needs a #, does it not?
Yes, all colour values need to be preceeded by a '#' (including link= and alink=). IE will cope without, although I'm not sure that even IE will cope in Strict mode?
These are, however, deprecated body attributes. You might want to think about replacing these with CSS.
