DIVs out of place please help!!!

Are you talking about the header image that has moved over to the right?

I’m not sure what’s going on with your HTML but you can try adding some custom CSS to pull the image and menu back to the correct position.

#branding img {
    margin-left: -100px;
}

for the header image.

For the menu:

#access {
    margin-left: -10px;
}

Thanks for your response! I really appreciate it!
It seems like the whole thing has moved to the right:
The site title
the site description
the header picture and also the menu and content have all moved out of position.

It looks like it is a padding or margin issue but I cannot find it anywhere!
I am not sure how all divs go but I think the #header goes first (which is the white space) and whatever goes on top has the problem.

Please help!

#access {
margin-left: -10px;
}

has worked for the menu but everything else is still out of place! Im sure its something small but I dont know what it is..

do you know which div contains all that has moved?

What was the last thing that you changed. You mentioned some short codes. Did you start using a new plugin?

Something has changed your header section if you compare the HTML of that section of the site with the same section of the Twenty Ten demo.

I started using shortcodes, some tables and installed shortcodes for a contact form. I changed too many things that I don’t really know what caused it now. You are right I will compare both header files

This tool can help with the comparison: diffchecker.com

Thanks I was just wondering what to use.. Thanks so much for your help.

Still not good, if anything it now looks worse .. I have no idea what it is now…

I will have a closer look for you when I get home from work.

Somehow it has improved by replacing the child header with the original one but it starts to play up when I add comments or code to the header file which never happened before.

I want to add a div under the site description with the contact info, this might have cause problems with layout. This is how I did it:

in CSS:

#contact {
	margin: 0 auto;
	width: 740px;
        font-family: 'Century Gothic';
	float:right;
	font-size:14px;
	color:#6d0a2b;
	background: #fff;
}

then I added this HTML under the site description:

<!-- Displays the contact information -->
<div id="contact">
<?php echo '<strong>Contact Us!  </strong>
0402-redacted | 0412-redacted | info@[redacted].com.au'?></div>

Thanks for any advice.

I removed all shortcodes before replacing the header code and adding this contact div and it didnt make any difference so I assume it wasnt the shortcodes that caused the problem so I have the suspicion that it was this contact div that is causing it. Still my header pic, content and footer look out of place but it has definitely improved.

Hi … sorry I haven’t been able to get back to you sooner.

Are you set on this theme?

Perhaps have a look at Twenty Eleven. Its similar but responsive.