Webdesign 101
– en webdesign notesblok

Principeksempel 1a

1-spaltet layout m. sidehoved og sidefod

Retur til foregående

I denne udgave af det meget simple 1-spaltede layout har jeg forsynet siden med et sidehoved og en sidefod.

Kildekoden omfatter nu 3 elementer:

<div id="sidehoved">
...
</div>
<div id="indhold">
...
</div>
<div id="sidefod">
...
</div>

Stylesheet

Alle 3 elementer formateres af samme formregelblok:

#indhold, #sidehoved, #sidefod {
  width:90%;
  border:1px solid black;
  background:#fff;padding:1em;
  margin:0.5em auto;
  max-width:45em;}
#sidehoved, #sidefod {
  padding-top:0.5em;
  padding-bottom:0.5em;}
#sidefod address {
  font-style:normal;}

I stylesheet'et til denne side, som du ser herover, har jeg markeret med rødt de formregler, der er tilføjet eller ændret i forhold til principlayout 1.

Senest opdateret 7. apr. 2007