Header, Footer, Content, etc

by MythOfEchelon

HTML

<!DOCTYPE html> <!-- This is just my basic HTML5-valid template. Make sure you set this up correctly for your personal needs -->

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            
            div {
                float: left;
                color: white;
                text-align: center;
            }
            
            
            
            #page_Wrapper {
                width: 700px; /*Change this and everything else will automatically resize to fit*/
                height: auto;
                float: none; margin: auto; /*Align the entire content to the center of the screen*/
                margin-top: 20px; /*Offset the entire content so that it's not stuck to the top of the window*/
            }
            
            #content_Wrapper {
                width: 100%;
                height: 500px;
            }
            
            
            
            #header {
                width: 100%;
                height: 75px;
                background-color: red;
            }
            
            #nav {
                width: 16%;
                height: 100%;
                background-color: green;
            }
            
            #content {
                width: 84%;
                height: 50%;
                background-color: pink;
            }
            
            #sidebar {
                width: 42%;
                height: 50%;
                background-color: yellow;
            }
            
            #gallery {
                width: 42%;
                height: 50%; 
                background-color: purple;
            }
            
            #footer {
                width: 100%;
                height: 75px;
                background-color: black;
            }
            
            /*
...