SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Dec 2004
    Location
    Vancouver, BC
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question FireFox DIV spacing error? Help needed

    Hi everyone, I am new to this forum. I seek help withmy first standards based project. I read "designing with standards" which is a great book and it turned me onto standards (from the demonic table based layouts ).

    Well my problem is I am achieving a table based look by using div's and giving them each a background with a peice of the layout. In IE it works fine, but in my browser of choice (firefox) it has a gap between the div's.

    If anyone can take a look and provide a fix it would be awesome.

    http://www.itsjustwhatwedo.com/index2.html
    http://www.itsjustwhatwedo.com/style.css

    If this has been answered I apoligize, I tried searching but couldn't find anything relevant.

  2. #2
    SitePoint Wizard
    Join Date
    Nov 2000
    Location
    Chico, Ca
    Posts
    1,125
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by abridges
    Hi everyone, I am new to this forum. I seek help withmy first standards based project. I read "designing with standards" which is a great book and it turned me onto standards (from the demonic table based layouts ).

    Well my problem is I am achieving a table based look by using div's and giving them each a background with a peice of the layout. In IE it works fine, but in my browser of choice (firefox) it has a gap between the div's.

    If anyone can take a look and provide a fix it would be awesome.

    http://www.itsjustwhatwedo.com/index2.html
    http://www.itsjustwhatwedo.com/style.css

    If this has been answered I apoligize, I tried searching but couldn't find anything relevant.
    Try this:
    HTML Code:
      p
      {
      margin:0;
      padding:0;
      
      }
    "Happiness doesn't find you, you find happiness" -- Unknown
    www.chuckknows.com

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,798
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    To preserve the p spacing you may want to do something like this.
    Code:
    #content p:first-child{margin-top:0}
    p {margin-bottom:0}
    Paul

  4. #4
    SitePoint Member
    Join Date
    Dec 2004
    Location
    Vancouver, BC
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Chuckie
    Try this:
    HTML Code:
      p
      {
      margin:0;
      padding:0;
      
      }

    Thank you very much, this did the job perfectly!


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
  •