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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Need help html/css, WP theme, how to remove empty space between header and content

    Hi,

    I need help with a html/css layout that I am converting to wordpress theme.

    http://ngdemo.plrnicheblog.net/?page_id=35

    If you see the link above there is an empty space between Headline and Content part, and again at the bottom between Content and footer part. Can someone please have a look and tell me how can I remove this empty space or whats causing it.

    Appreciate any help
    Thanks

  • #2
    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
    It might be the browser specific default values of margin/padding applied to some elements.

    Add
    Code:
    *{margin:0;padding:0}
    in to your CSS and check again.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    Code:
     
    h1 { margin: 0; padding: 0; }
    the h1 for "content" has a default margin that is pushing it down.

  • #4
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks everyone, it's solved.

    I've placed the headline content and footer in a wrapper div, and that seems to have solved the issue.


  •  

    Tags for this Thread

    Posting Permissions

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