Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder tpeck's Avatar
    Join Date
    Oct 2002
    Location
    Sydney, Australia
    Posts
    876
    Thanks
    53
    Thanked 6 Times in 5 Posts

    IE shows a greater space between paragraphs

    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.
    The difference between genius and stupidity is that genius has its limits. (Albert Einstein)

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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;}
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder tpeck's Avatar
    Join Date
    Oct 2002
    Location
    Sydney, Australia
    Posts
    876
    Thanks
    53
    Thanked 6 Times in 5 Posts
    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...).
    The difference between genius and stupidity is that genius has its limits. (Albert Einstein)

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Try p{margin: 0 0 10px;} for 10px on the bottom only.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    tpeck (11-11-2010)

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    Regular Coder tpeck's Avatar
    Join Date
    Oct 2002
    Location
    Sydney, Australia
    Posts
    876
    Thanks
    53
    Thanked 6 Times in 5 Posts
    Thank you very much - that did the trick nicely!
    The difference between genius and stupidity is that genius has its limits. (Albert Einstein)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •