Yes. What’s going on here is that the #content block element, because it’s floated, is exactly as wide as its content. Whereas non-floated blocks, by default, have a width of 100% of their parent.

So, in this case, something has altered the total width of the content of the #content block element to make it narrower. I’m not sure what it is although I haven’t looked very hard.

So, either giving the floated element (#content) a suitable width (i.e. the same width as its parent) or stopping it from being a float will work. Both will do the job as long as they don’t have any knock-on effects. Neither appears to in this case.

If it was my site, I think I’d play around a bit to see what had altered to make the content of #content narrower. Fixing that might be the best solution, if it’s not too hard to find.

Thanks for all the replies everyone! I figured it out, however, not sure why it is this way. I could not get wordpress to behave if I put the stylesheet in a directory called “css” so I placed style.css in the theme directory with some basic styling in it, then importing my other style sheets.

When you create a theme or sub-theme, the file style.css is a mandatory file in your theme’s directory. You can create other style sheets and put them in a separate folder if you want. Then you can either import them into your style.css file (@import) or you can reference them in your HTML head section using: