Welcome to WebmasterWorld Guest from 107.22.66.11

Forum Moderators: incrediBILL

Message Too Old, No Replies

Space height problem after <p> in IE & Firefox

     
8:45 pm on Nov 11, 2004 (gmt 0)

New User

10+ Year Member

joined:Nov 11, 2004
posts:2
votes: 0


Hello,

I just have a quick question, and I'm not sure how to phrase it in order to search for it.

On quite a few pages on my website, I have a problem with the space height after <p> being extremely different between IE & Firefox.

Here is what I mean. In Firefox, the margin space between the top and bottom divider lines and the text is how I want it. It's equal. In IE, the top margin is right, but you see there is a much wider space between the text and the bottom divider line.

I have other instances on the page where other things like this aren't uniform. How do I fix it so that it's the same between both browsers?

<Sorry, no personal URLs. See TOS [webmasterworld.com]>

[edited by: tedster at 9:43 pm (utc) on Nov. 11, 2004]

9:22 am on Nov 12, 2004 (gmt 0)

Senior Member

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 25, 2002
posts:3185
votes: 0


Welcome to WebmasterWorld, fourstringdrums!

Have you tried using CSS to make the margins around your paragraphs uniform? The CSS could be:

p { margin: 10px; }

HTH

5:56 pm on Nov 12, 2004 (gmt 0)

New User

10+ Year Member

joined:Nov 11, 2004
posts:2
votes: 0


Yea and it still is un-uniform across browsers. But I looked a buddy of mine's CSS, and took some img code he had from his CSS that sets top and bottom margin around images, and I made a seperate class for all the places I was having problems. Seems to be working now.