Jump to content
Sign in to follow this  
skalexein

No table html

Recommended Posts


<!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>

 

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.