WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Whitepsace/gap at top of first post. (10 posts)

  1. franciru
    Member
    Posted 1 year ago #

    Hello all, fairly new to wordpress, well the last week as a matter of fact.

    The reason I have started using is so I could intigrate a blog into my existing website. I managed this by following this tutorial which shows how to create my own theme but uses the 2010 themes css for the most part and my own css to display my navigation and footer correctly. I have been using my own themes 'styles.css' to overide any of the 2010's css.

    Now my problem is as stated above, is that the my Blog's first post is displaying a large amount of white space at the top. I have tried to eliminate this by writing CSS (Margins/Padding) for the individual post and also its containers, unfortunately with no luck.

    Does anybody have the faintest idea what is going wrong here? If so then please let me know your suggestions.

    Many thanks in advance!!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Unfortunately you have some major problems with your layout -- the sidebar1 is keeping the main content section down. Look at the width and/or float on the sidebar1 div.

    Lots of mark-up errors too:

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.russfrancis.co.uk%2Fblog%2F%23.UMFlqYV97Wk&charset=%28detect+automatically%29&doctype=Inline&group=0

    A few CSS errors:

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.russfrancis.co.uk%2Fblog%2F%23.UMFlqYV97Wk&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

  3. franciru
    Member
    Posted 1 year ago #

    Thanks for noting that. Them errors are crazy, I have taken a look at the code and most of it looks fine.

    As for the width of the sidebar and maincontent, I have been playing with this and nothing seems to work, driving me crazy.

    Any other suggestions anybody??

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Sorry but those are MAJOR errors -- you have mulitple DOCTYPES, body tags and head tags in that page. There is absolutely no sense in doing anything else until you sort those out.

  5. franciru
    Member
    Posted 1 year ago #

    Sorry for me being dumb, I am extremely new to PHP and wordpress, having to get used to using multiple pages that are linked etc.

    I have now sorted the majority of the errors, although still a few to fix.

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Soo much better :). So on the sidebar / CSS, I think you're going to have a hard time with having your old stylesheet code mixed in with twentyten's, but try these changes:

    #container {
        margin: 0 auto;
        width: 80%;
    }
    
    #sidebar1 {
        float: right;
    }
    
    #mainContent {
        background-color: rgba(26, 26, 26, 0.8);
        color: #CCCCCC;
        margin: 30px 5px 10px 0;
        padding: 20px;
        width: 70%;
    }
  7. franciru
    Member
    Posted 1 year ago #

    That just seems to have pushed everything over to the left. I have now also created a new css to control my header, navigation and footer, so it isolates just them parts and nothing else.

    Something I noticed when testing on firebug was that on the main entry-title I disabled clear: both; which was set to the h2 and it moved just that part up to where it should be.

    Really strange and annoying.

    Thanks a lot for your help.

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Oh missed one thing -- there's a float: left on the #container on line 69 -- take that off and the page centers again. Then you'll need to fuss with the header stuff -- as you said.

  9. franciru
    Member
    Posted 1 year ago #

    Have now sorted it, the solution was down to deleting the facebook like plugin I had installed and getting rid of all the clear: both; on various pieces of code.

    Thanks again for your help and making me clean my code :o)

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Great! Good for you too. I really don't know what it is, but I see SOOO many problems related to FB and other SM plug-ins...so that's not very surprising, but at least you found it and ditched before going totally crazy :)!

Topic Closed

This topic has been closed to new replies.

About this Topic