Responsive Issues - 100% Width?
I'm currently working on a responsive site and have come across a problem - hopefully a simple fix! On load the page is fine, a standard 70-30 split but when you adjust the window size to around 950px I have it set so that the left and right-hand divs in the main area expand to 100% and float left to fill the void.
However, I have noticed that despite the container having a set width, the left and right-hand child elements are not keeping within the area. I have put this down to the border but I cannot figure out how to fix it; keeping the border and having it still set to 100%.
When the window size gets set to 1070px I have a container class declaration which sets the site to fill 100%, as the original declaration has a set width of 100%. Perhaps this is something to do with the issue?
Demo version is available at http://andrewcourtney.co.uk/demoenvironment/jae/