Div breedte

Ik heb ook meteen je plaatje erin gezet:

html, body {
margin: 0;
padding: 0;
	}
#voorkant { 
width: 100%;
height: 20px;
border: 2px solid red;
background: #00CC00 url(header.gif) center top no-repeat;
	}

edit: onderelkaar

Hallo Thomas,

Het makkelijkst doe je dat met een tabel met daarin een plaatje op 100%, dus op de volgende manier:

<table id=voorkant>
<tr><td><img src=..... width=100%></td></tr>
</table>

IE pakt alleen een afbeelding in de gehele breedte (dus 100%) als het een plaatje is. als je de tabel 100% maakt dan beslaat deze de hele breedte en het plaatje daaring ook.

hihi ik probeer nu net iets met DIV te doen omdat anderen mij vertellen dat het beter is dan frames en dat tables niet voor opmaak zijn

[edit]
@ Kalle: klopt het dat er in de pagina zelf (dus layout.html) ook nog een verwijzing naar het plaatje moet?

anders is er namelijk bij beide browsers een flink stuk over.

[/edit]

1. DIV idd beter
2. Nee dat klopt niet, er hoeft geen verwijzing meer alleen in je css moet je de div id="voorkant" geven waar het plaatje moet komen

als ik er geen verwijzing meer naar het plaatje zet alleen dit dus

<div id="voorkant">
</div> dan heb ik het plaatje wel maar iets van 20% is leeg, en als ik doe

<div id="voorkant">
<center><img src="header>
</div>

dan doet ie het prima

wat nu?

je kan het er ook uithalen, en dit doen:

<div id="voorkant">
<img src="header.gif" alt="header" class="header" />
</div>

In je css erbij zetten
img.header {
display: block;
margin-left: auto;
margin-right: auto
}

edit: foutje

hij doet het in ieder geval in allebei de browsers goed nu

bedankt ;)