#banner

[geoffrey86]

waarom gaat mijn banner niet naar het midden?

#banner {

text-align: center;
position: absolute;
}

<div class="banner"><img src="foto's/banner.jpg" alt="banner" height="200" width="646" /></div>?

 

[tecsman]

Wanneer je in je html dit vermeld: class="banner"
dan moet de bijbehorende css zijn: .banner

Wanneer je in je CSS dit vermeld: #banner
dan betekent dat dat "banner" een id is, m.a.w.: id="banner"


Met andere woorden:
je html-code en je css-rule zijn niet met elkaar in overeenstemming.

 

[CupCoffee]

Dat ook en text-align: center centreert de tekst niet de div.
Om divs in het midden te krijgen moet je werken met de left: of right:

Om vervolgens op alle schermen de div in het midden te plaatsen moet je werken met procenten.

De hele breedte van het scherm is 100% , stel je wilt je banner 70% breed hebben dan hou je nog 30% over oftewel 15% aan beide kanten.
Vergeet niet altijd position: absolute; te gebruiken anders werken left en right niet.