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
    Join Date
    Mar 2006
    Posts
    187
    Thanks
    5
    Thanked 0 Times in 0 Posts

    spacing problems in ff and opera

    http://chantrybee.pwp.blueyonder.co.uk/upuk/Sacri.html appears fine in IE7, but there are some gaps in between the header & content and the fotter & content. I cannot see for the life of me the problem, so if somebody could help that would be great. Cheers

  • #2
    New Coder
    Join Date
    Sep 2007
    Posts
    34
    Thanks
    0
    Thanked 7 Times in 7 Posts
    thats because of your <p></p> tag for first & last paragraph.

    gud luck....
    rams

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    OK, to remove the spaces completely while keeping all you tags as such
    1) First of add a universal selector to remove all default margins and borders
    Code:
    *{
    margin:0;
    padding:0;
    }
    2) Then add a style like
    Code:
    style="display:block;"
    to your <img> tags

    Best of luck!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    phill_ridout (09-12-2007)

  • #4
    Regular Coder
    Join Date
    Mar 2006
    Posts
    187
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by rams1703 View Post
    thats because of your <p></p> tag for first & last paragraph.
    i dont understand that, should the div not encompass the p tag, and all padding/margins?

    Code:
    display:block;
    worked just fine on the images thanks

  • #5
    Regular Coder
    Join Date
    Mar 2006
    Posts
    187
    Thanks
    5
    Thanked 0 Times in 0 Posts
    fixed
    in the end i used
    Code:
      margin-top: -16px;
    in #content.

    Is this proper? also it moves it up in ie. how do i set styles only for ie?

  • #6
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    google > IE Conditional Comments


  •  

    Posting Permissions

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