http://appro.mit.jyu.fi/2000/syksy/tietoverkot/luennot/luento9/abs.css

body {
  background: white none; color: black;
  /* jätetään ylämarginaalia navigointipalkin tilan verran */
  margin-top: 3em;
  /* jätetään vasempaan laitaan marginaalia saman verran kuin
     laitaan tuleva linkkialue vie */
  margin-left: 15%;
  padding: 0.5em;
}

.navbar {
  background: yellow none; color: black;
  text-align: center;
  font-weight: bold;
  width: 85%; height: 2em;
  /* Viedään näytöltä tilaa pystysuunnassa yhteensä 3em (2em + 0.5em + 0.5em) */
  padding-top: 0.5em; padding-bottom: 0.5em;
  padding-left: 0em; padding-right: 0em;
  margin: 0em;
  position: absolute;
  left: 15%; top: 0%;	
}

.leftbar {
  background: silver none; color: black;
  text-align: center;
  font-weight: bold;
  width: 15%; height: 100%;
  padding-top: 0.5em; padding-bottom: 0.5em;
  padding-left: 0em; padding-right: 0em;
  margin: 0em;
  position: absolute;
  top: 3em; left: 0%;	
}

.logo {
  background: red none; color: black;
  text-align: center;
  font-weight: bold;
  width: 15%; height: 3em;
  padding: 0em; margin: 0em;
  position: absolute;
  top: 0%; left: 0%;	
}