creatief met css

Het toeval wil nu dat ik recentelijks iets gelijkaardigs heb gedaan met december.org.

Of toch iets wat ook neerkomt op hoofding – inhoud – rechter sidebar – voetspul. Omdat dit weblog in px gedefinieerd stond, wou ik december.org met em’s bepalen. Globaal bekeken staat er 1 container meer, een algemene om de boel te centreren.

...
...
...
...
...

</div>

titel, hoofdlinks en categoriek zijn gewoon de header in drie gespiltst; laatste = de inhoud (body); ouder = de sidebar; links en colofon zijn dan samen de footer. We kunnen ons dus toespitsen op categoriek, laatste, ouder en links. De relevante CSS is dan:

#categoriek {
color : #000;
text-align : center;
padding : 1.0em 1.5em;
margin: 0;
border-width : 1px 0;
border-style : solid;
border-color : #999;
}
#laatste
{
float:left;
width:70%;
text-align: left;
padding: 1.5em 0 0 0;
margin: 0 3.0em 3.0em 3.0em;
}
#ouder
{
text-align: left;
padding: 0 0 0 1.5em;
margin: 3.0em 0 3.0em 78%;
}
#links
{
clear:both;
color : #000;
text-align : left;
padding : 1.0em;
margin: 5.0em 0 0 0;
}

Het gaat hem om width:70%; en margin: 3.0em 0 3.0em 78%; in laatste en ouder, resp. En die clear:both; in links.