Dieses Template (CSS Vorlage DesertSand) verwendet eine fixe Breite von 650 px und wird zentriert dargestellt.
#main {
width: 650px;
margin: auto;
margin-top:5px;
text-align:center;
}Der Header setzt sich bei der CSS Vorlage DesertSand zusammen aus dem Header Image und dem Menue. Der obere Teil des Images wird in der index.htm dargestellt der untere im Menue.
#header {
background:#929BBA url(../images/header-1.jpg) 0 0 no-repeat;
height:312px;
color:#F3F1F1;
font-size:1.7em;
text-transform:lowercase;
text-align:center;
}Das Menü wird per inline Frame eingebunden.
Die Textboxen enthalten ein top-image welches die abgerundeten Ecken darstellt und einen Verlauf enthält. Sie sind 520px breit und innerhalb des parent Containers zentriert.
iframe class="menue" src="menue.htm" frameborder="0" scrolling="no">
p.text
{
margin:auto;
margin-bottom:10px;
width:520px;
padding:5px;
color:#FFFFCC;
background:#7B758A url(../images/text-top.jpg) 0 0 no-repeat;
font-size:0.7em;
text-align:left;
line-height:150%;
}Das Menü setzt auf JavaScript. Die Grundlage des Menues besteht aus unsortierten Listen. Sehr gut zu sehen in der menue.css
Dieses Template ist CSS validiert.