SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    derrrp
    Join Date
    Aug 2006
    Location
    earth
    Posts
    923
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Weird paragraph spacing...

    Hi all,

    I'm in the middle of styling a site, and FF (and no other browser) insists on putting a huge space between a couple of my paragraphs. I don't have any padding or margins applied to a p in my css.

    Have a look.

    Also, the footer on that page is how it's supposed to look. However, when you click on FAQ or Contact (any page without some sort of content) the footer gets all jacked up.

    Can I get some pointers please? Thanks in advance!
    No, I REALLY dislike having to use Joomla.

  2. #2
    SitePoint Wizard holmescreek's Avatar
    Join Date
    Mar 2001
    Location
    Northwest Florida
    Posts
    1,707
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I had the same problem with IE6 creating double spaces between paragraphs. So, I did the following on all my paragraphs...fixed the problem and still looks fine in FF.

    P. IE is double spacing between paragraphs
    A. At the end of each paragraph, change </p> to </br></p>

    in other words, insert a </br> before each ending </p> tag.
    intragenesis, llc professional web & graphic design

  3. #3
    derrrp
    Join Date
    Aug 2006
    Location
    earth
    Posts
    923
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ick, I'd rather not depend on <br /> tags.

    I'm not having a problem in IE anyway. I've never seen this happen before in FireFox.

    edit: the <br />s didn't do anything.
    No, I REALLY dislike having to use Joomla.

  4. #4
    SitePoint Wizard bronze trophy bluedreamer's Avatar
    Join Date
    Jul 2005
    Location
    Middle England
    Posts
    3,417
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    in your css find

    *, html{
    margin: 0px;
    padding: 0px;
    }

    and replace with

    * {
    margin: 0;
    padding: 0;
    }

  5. #5
    derrrp
    Join Date
    Aug 2006
    Location
    earth
    Posts
    923
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by bluedreamer View Post
    in your css find

    *, html{
    margin: 0px;
    padding: 0px;
    }

    and replace with

    * {
    margin: 0;
    padding: 0;
    }
    I've never seen that have anything to do with <p> spacing. I changed that in my css, but the space still remains.
    No, I REALLY dislike having to use Joomla.

  6. #6
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It is the nav that pushes the third paragraph down.

    Try and take it out of flow, like:
    Code CSS:
    #navigation{
    position: absolute;
    top: 90px;
    left: 0px;
    }
    Happy ADD/ADHD with Asperger's

  7. #7
    derrrp
    Join Date
    Aug 2006
    Location
    earth
    Posts
    923
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ahh, the old flow.

    thanks Erik!
    No, I REALLY dislike having to use Joomla.

  8. #8
    SitePoint Wizard holmescreek's Avatar
    Join Date
    Mar 2001
    Location
    Northwest Florida
    Posts
    1,707
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE leaving horizontal spaces after or before paragraphs

    I was wrong about the <br> comment, I used it before and it just worked, but after some experimenting I found that...

    In FF if your site looks fine, but, in IE you are getting vertical spaces between paragraphs at the top of your style sheet you can use :

    p { margin:0; }


    even though before that if you use * { margin:0; padding:0; } it doesn't seem to have any effect on paragraphs down the chain (in IE), but the above will correct the problem and get rid of the extra spaces.


    hope this helps too. I tried to post as many keywords on the summary and in the msg here, maybe someone searching will find it and save themselves a lot of headache.
    intragenesis, llc professional web & graphic design


Bookmarks

Posting Permissions

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