skalexein Posted September 3, 2017 Share Posted September 3, 2017 <!DOCTYPE html> <head> <style> * {box-sizing: border-box; margin: 0; padding: 0; } body {} #container { border: none;} header {background: #0A0080; height: 125px; } #top-nav {background: #28208F; height: 50px; margin: 0 0 1% 0;} #contentHolder {position: relative; border: none;} main {border: none;} #sidebar-left {background: #0A0080; height: 1000px; min-width: 15%; width: 15%; display: inline-block; position: absolute; left: 1%; } #center { min-width: 66%; display: inline-block; width: 66%; margin: 0 17% 0 17%; border: none;} .clear-fix {overflow: auto;} #runescape-news {background: #0A0080; float: left; width: 49%; height: 200px;} #community-news {background: #0A0080; float: right; width: 49%; height: 200px;} article {background: #0A0080; width: 100%; position: relative; clear: both; height: 200px; margin: 1% 0 0 0;} #sidebar-right {height: 1000px; min-width: 15%; max-width: 15%; display: inline-block; position: absolute; right: 1%; } aside {background: #0A0080; margin: 0 0 5% 0; width: 100%; height: 150px;} footer {background: #0A0080; height: 300px; margin: 1% 0 0 0;} </style> <title> </title> </head> <body> <div id="container"> <header> </header> <nav id="top-nav"> </nav> <div id="contentHolder"> <nav id="sidebar-left"> </nav> <main id="center"> <div class="clear-fix"> <section id="runescape-news"> </section> <section id="community-news"> </section> </div> <article> </article> <article> </article> <article> </article> <article> </article> </main> <div id="sidebar-right"> <aside> </aside> <aside> </aside> <aside> </aside> <aside> </aside> <aside> </aside> </div> </div> <footer> </footer> </div> </body> </html> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now