HTML - CSS struktura stranice

Wrapper, header i footer

<div id="wrapper">
  <div id="header">
    <h1>Web dizajn</h1>
    <p id="slogan">Slogan vaše tvrtke</p>
  </div>

  <div id="footer">
    <p>Footer</p>
  </div>
</div>

HTML u dva stupca

  <div id="container">
    <div id="article">
      <p>Article</p>
    </div>

    <div id="sidebar">
      <p>Sidebar</p>
    </div>
  </div>

CSS zadane postavke

* {
   margin: 0;
   padding: 0;
}

body {
   font-size: 62.5%;   
   font-family: Tahoma, sans-serif;
   background-color: #E8CC4C;
}

#wrapper {
   margin: 0 auto;
   width: 80em;
}

CSS header i article

#header {
   background-image: url('slike/logo.jpg');
   padding: 3em 5em;
   width: 70em;
   height: 8em;
}

#article {
   float: left;
   width: 70%;
   background-color: #E8D475;
}

CSS naslov i slogan

h1 {
    font-size: 4.8em; 
    font-weight: lighter;
}

#slogan {
    font-size: 1.6em;
    letter-spacing: 0.4em;
}

CSS sidebar i footer

#sidebar {
   float: left;
   width: 30%;
   background-color: #19A911;
}

#footer {
   clear: left;
   width: 100%;
   height: 3.5em;
   background-color: #D1B015;
}

CSS odlomak i naslovi

p {
   color: black;
   font-size: 1.4em;
   line-height: 1.3;
   text-align: justify;
   padding: 1% 2%;    
}

h2, h3 {
   font-weight: lighter;
   letter-spacing: 0.05em;
   padding: 1% 2%;  
}

CSS naslovi i okvir

h2 {
   color: #887107;
   font-size: 2.4em;  
}

h3 {
   font-size: 2.1em;
}

CSS naslovi i okvir

.okvir {
   margin: 2% 2%;
   line-height: 1.3;
   font-weight: lighter;   
}

#article .okvir {
   color: black;
   background-color: #CF151A;
}


Hvala na pozornosti!


Pitanja?