That makes perfect sense, thank you.
How would I go about doing that though as the sidebar is called through the page.php and therefore comes in after the content has been requested.
Did you create that theme or template? Like I said initially, it’s not a real sidebar. A sidebar is typically ONE element that goes the full length of the page — it can contain multiple elements inside it, but having one wrapper around all of them is what makes it work as a sidebar.
I did create the theme. Like I say I’m a complete newb and thought it was the right way to go, if I were to start from scratch I would create a child theme.
It does have a wrapper around it in the <aside> tag, this then has the two divs within it. There is a margin at the top as a bit of a hack to allow the sidebar to start further down the page.
So you have the content within a div with a width of 600px and an aside with a width of 320px (and a margin: 424px 0 50px 0 and a couple of divs within it)
You need to look at the entire structure of the page — it would need to be something like this below the navigation — this is just to give you an idea — not the only way, but a more typical layout:
Content section
Main content - float left, set width
Various divs in here
Sidebar - float right or left -- can work either way; set width
Various divs in here, including
"Remortgaging/contact us"
"Mortgage calculator"
End content section
Full width best buys div
Footer
If you’d rather not redo a lot of work, you might be able to make the page work okay as is if you move the “bad” div inside a div that also contains the “application process” div. I think that’s what Andrew was suggesting.
Again, makes perfect sense. Thank you for taking the time to explain it to me in terms I understand.
I’ll start looking into how I can add the widgets to the main content as opposed to the sidebar.
Thanks again
