Hi guys, i’m making a fluid layout with media query. There is one thing I really can’t figure it out myself even I have done a lot of tests and research online. Take this as example, Chris’ perfect fluid layout:
https://css-tricks.com/examples/PerfectFluidWidthLayout/
I try to make the sidebar stick to the right, I know it’s easy to change it in CSS, just set the sidebar float:right and change the padding from left to right. However, what I really want is to move sidebar (html code) and put it after the main content. For SEO purposes because I want content displays first, then sidebar. Therefore, CSS changes can’t meet my requirement, i need HTML structure change.
I moved the sidebar, and the sidebar get bumped under the main content, I just don’t get it. I found another fluid layout sample, for some reason, all examples I found are sidebar first then content. Anyone can shed some light on this?
Thanks!