Toy

I know this was posted a long time ago but hopefully this might help somebody as I was having the same problem.

After following the tutorial, I could not get the repeating sections to line up with my header and footer, only by a tiny amount but enough to notice.

When messing around with the html/css didn’t help, I thought the problem might be with my cropping in Photoshop, not the code as I think that some of the inside guides aren’t 100% accurate.

Instead of cropping each section individually, choose a large header section with a width of 960 but a height all the way down to the bottom of the side bar.

Crop down to get your repeating content box section, cropping only from the inside edge (so the left hand side for the content box and the right hand side for the sidebar). Then step backwards and repeat for the sidebar repeating section and then again for the bottom sidebar section, always starting from your original large header section.

You should always go by the 960 guide lines as these seem to be accurate.

I hope this makes sense- it worked for me, anyway.

Also, while I am extremely new to working properly with html & css, I believe that there is a close div tag missing from the included html as I could not get my repeating content box section to stop repeating, all the way to the bottom of the page.

Changing the <div class=bottom_sidebar”> section to the code beneath seemed to fix this.

<div class=”bottom_sidebar”> <img alt=”0″ border=”0″ src=”./images/pngs/rss.png”> </div></div><!–End of “content”–>

Not sure if this matters for the html-WordPress section as I haven’t got that far yet but I spent ages trying to figure out what it was (newbie that I am) so this may save someone else some time!