0

As said in the title, I am creating a blog on my companies new website using Wordpress but I have sidebar issues.

The website is only in production phase at the moment. The Link is so you can see is: http://madhousecreative.co.uk/completegroup/Blog/

Heres an image of what it is currently. enter image description here

Whenever I try to move the sidebar up it messes up and the bit move up dissapears. Heres another image to show you what I mean:

enter image description here

I hope the images help explain what I am trying to say.

Im really stuck on this so I hope someone can help.

1 Answer 1

2

You need to do three things:

  • firstly, your markup is incorrect, take the container_24 div the main content sits in and make it grid_17 so it doesn't take up the entire width of the container div.
  • The sidebar needs to go in the container div along with the content, else it will be pushed downwards by the container div
  • Because of the above issues, you've introduced numerous negative and left-hand margins. If you remove these margins and do the above, you should have a vast improvement.

remember where grid systems are concerned you have a container div, which contains all the columns, and the columns all add up to the full width of that container.

4
  • cheers for your help it helped a lot. It worked for the original problem but it created a new issue, which is the footer has raised up. if you go to the link again in the description you'll see what i mean. Any advice?
    – RSM
    Commented Nov 16, 2011 at 17:19
  • You need to clear your floats. Instead of <div class="grid_6><div id="sidebar">, try <div id="sidebar" class="grid_6">, if not add clearing elements/classes
    – Tom J Nowell
    Commented Nov 16, 2011 at 17:22
  • You've added <div style="height:700px;"></div> to your page, this is incorrect, add <div style="clear:both;"></div> instead, and your issues should all be fixed
    – Tom J Nowell
    Commented Nov 17, 2011 at 13:08
  • Your original question has also been added, if you could mark this answer as the correct answer?
    – Tom J Nowell
    Commented Nov 17, 2011 at 13:09

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.