*SOLVED* Text appearing differently in FF/IE

[neljan]

Hi

Well, IE fails.

In Firefox this is how a section of my site looks:



And in IE:



What the *censored* is that all about?

This is the CSS I'm using:

Code: [Select]

h2{
color:#999999;
padding: 0 0 0 0;
line-height: 0.0em;
margin-bottom: 0.0em;
font-size: 0.9em;
text-align: left;
margin-top: 1.2em;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 6.0px;
padding-top: 0.0px;
letter-spacing: 1;}

h3{
color:#999999;
line-height: 1px;
margin-top: 7px;
margin-bottom: 0px;
font-size: 0.9em;
text-align: left;
padding-bottom: 0.0px;
padding-right: 1.0px;
padding-left: 6.0px;
padding-top: 0.0px;
letter-spacing: 1;}
And the HTML:

Code: [Select]

<h2>2277-6811-1118<font color="#FFFFFF"> Abyss</font></h2><br />
<h3>1891-1336-6995<font color="#FFFFFF"> Bash</font></h3><br />
I've tried with <a> and <p> with similar results, I'm fairly new to all this and could really do with some help if someone would be so kind?

Thanks very much in advance for your time

[neljan]

it's ok, think I found a way

[Rob Pomeroy]

A few problems:

• If you're using CSS, you shouldn't really be using <font color="#FFFFFF">...
• line-height: 0.0em; <-- this may cause you problems
• don't specify padding: 0 0 0 0;
  AND
  padding-bottom: 0.0px;
  padding-right: 1.0px; <-- contradictory
  padding-left: 6.0px; <-- contradictory
  padding-top: 0.0px;
• letter-spacing: 1; <-- why use this?  I see what you're doing, but it would make more sense to tabulate this, if it's data.

I suspect the fault lay in your HTML and the way IE deals with property inheritance.  The Web Developer plugin for Firefox has a very useful debugging console that can indicate problems in CSS by the way.