Different space between new lines in IE & FF (Xhtml,css)

Chiz · 21 Dec 2006 at 09:46

I have Written a paragraph inside a cell.

On Firefox, there seems to be a larger gap from (a) the top of the cell, and (b) also when i start a new line (<br />) compared to Internet Explorer.

I have done nothing special to the table apart from border-collapse:collapse.

Have i missed something out in my CSS?

Chiz · 21 Dec 2006 at 17:05

nobody knows at all? sorry to bump but i've been trying to find a solution for ages now!

tsinc80697 · 21 Dec 2006 at 17:30

i think the line-spacing may be different in the browsers, my current site has this problem which im yet to get round to fixing as im busy.
The line breaks seen to differ in size and the line-spacing as well.
best way ive found to sort out FF and IE niggles is to have separate CSS files dependent on what browser the site is being viewed in, that way i can change some things without altering them for both.
If anyone does know it would be handy as my site also suffers from this but ive worked my way around it for now

Chiz · 21 Dec 2006 at 18:26

I have found out information about line height here

It helps, and i tried overlapping text for testing. Works in IE, but not firefox..... hmmm.

Chiz · 21 Dec 2006 at 18:33

I have found out information about line height here

It helps, and i tried overlapping text for testing. Works in IE, but not firefox..... hmmm.

Chiz · 21 Dec 2006 at 18:49

Also, i have found out that Firefox versions 1.5+ have a problem, and render the line spacing too big.

lozza · 21 Dec 2006 at 22:15

you need to set your body margins and padding to "0" As FF and IE have different default values for margin and padding

joeyjojo · 21 Dec 2006 at 22:21

As above, line-height, padding, margin.

I like to add * {margin:0; padding:0; ) to make sure that stuff doesn't happen.