De header

We beginnen met de CSS voor de header

CSS:
#header {
height: 100px;
background: #fff;
min-width: 700px;
}

HTML:
<div id="header">
<h1>CSS tut deel 3</h1>
</div>

Het eerste probleem waar we tegenaan lopen, is dat IE de eigenschap min-width niet ondersteunt. Dit lossen we simpel op: we geven de <h1> in de header een breedte van 700px als we met IE te maken hebben:

<!--[if IE]>
<style>
#header h1 { width: 700px; }
</style>
<![endif]-->

Deze methode heet "Conditional Comments". Zie ook CSS tut 1.
Nu hebben we een header van 100px hoog met een minimale breedte van 700px in alle browsers.

« Lees de omschrijving en reacties