View Full Version : IE shows a greater space between paragraphs

11-11-2010, 04:12 AM
IE shows a longer space between paragraphs than other browsers.

The fix I have read about elsewhere is to introduce a lineheight = whatever.

But this doesn't seem to influence the space between the paragraphs at all (in IE) only the distance between lines of text.

Is there a way to make IE and FF (for example) always bring the absolute bottom of a number of paragraphs exactly the same length from the top of the page?

It's essential if you have to control the height of a display window and want it all to look the same or at least always fit completely in.

11-11-2010, 04:19 AM
hello tpeck,
you don't mention what version IE ... IE8 doesn't seem to display the error.
Have you specified what space you want?

Try adding this to your CSS:
p {margin: 5px 0 5px;}

11-11-2010, 05:00 AM
In IE8 I notice a difference in the spacing - but your solution does work and "balance up" the length of the text in both browsers. Thanks!

The only thing is that it places a space above the very first line of the first paragraph. Can just that one space be eradicated? The rest flows down nicely and equally in both browsers (miraculous actually...).

11-11-2010, 05:10 AM
Try p{margin: 0 0 10px;} for 10px on the bottom only.

11-11-2010, 05:17 AM
The way the shorthand works in that margin setting is top/right/bottom/left.

When I did margin: 5px 0 5px; in the first suggestion I gave you, the left margin assumes 0 because the right one was.
Try p {margin: 50px 5px 20px 400px;} just to see what happens.

11-11-2010, 05:23 AM
Thank you very much - that did the trick nicely!