I can't seem to figure this out. IE vs FF

Hi, part of my site is showing up differently in FF than in IE. On the welcome section on the home page i have a list that seems to display perfect in IE but seems to be smaller in height in FF.

IE 6 = perfect
IE 7 = perfect
FF 2 - incorrect
FF 3 incorrect

I cannot seem to find a fix for this. Can some of you experts take a look and see it you can figure it out, thanks in advance

 

Try changing your font settings from:

font:12px Verdana, Arial, Helvetica, sans-serif;

Code (markup):

to:

font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;

Code (markup):

 

Hi Mate,

That's easy I hope faced this problem loads of times there's a few things it could be so I will start with most likely.

Line-height: set the line height on the list in the css

if that doesn't fix it try looking at the margins or padding just make sure they are set.

all browsers have default sets of padding, margins and line height so in future use this at the start of the css to set all to zero so browser defaults wont be used

html, body, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, a {
margin: 0px;
padding:0px;
border:0px;
}

you can add line height in there to, I wouldn't add this to the site now because you would have to fix the rest of the site then but add line-height to ul, ol and that will be fine

if it doesn't fix it or u need it explained better just pm me

hope it helps

 

its not the font size they are visually the same size

 

This means you used IE to design the site. IE is 10 years behind web standards while FF is a modern browser. Never, ever use IE to design a site because you are designing it using a bug. The web developer's mantra is "If it works in IE but not FF then the markup is wrong."

I'll look at your page now.

 

cool, that line height seemed to fix it

 

If you had validated your html, you would have been told your <ol> is not allowed where it is. Validate and fix your markup.

 

In my ff now it looks ok

BTW your site it looks great
Too bad that it has flash on it....

 

No, i actually design my sites using FF but i was asked to make changes to this site. I designed it nearly a year ago and they wanted to change some of the content on it that wasn't controlled by the CMS, thanks for the reply