ik heb een banner op mijn website geplaatst maar het lukt me niet om hem in het midden te plaatsen

hieronder een stuk code van index.php en css

Code:

    <div id="container">    
                       <div id="header"> <--------------- hier staat dus de banner
            <h1>online spelletjes spelen</h1>
        </div>
        

        
        <div id="content">            
        
            <div id="sitemenu">

css

Code:

 /* Header */
#header {
    width: 468px;    
    background: url(images/bannersketch.png) ; background-repeat: no-repeat; background-position: center;
    height: 60px;    
}
#header h1 {
    display: none;
}

#header {
margin: 0px auto;
width: 468px;
background: url(images/bannersketch.png) ; background-repeat: no-repeat; background-position: center;
height: 60px;
}

Wil je alleen de achtergrond in het midden, of heel het object? Alleen de achtergrond zou ik dit er van maken

Code:

 /* Header */
#header {
    width: 468px;    
    background: url('images/bannersketch.png') no-repeat top center; 
    height: 60px;    
}
#header h1 {
    display: none;

}

Indien je heel de divisie in het midden wilt plaatsen zal ik dit er aan toevoegen:

Code:

margin: 0 auto;

ok beiden bedankt is gelukt met margin

Origineel gepost door D Lodder

Wil je alleen de achtergrond in het midden, of heel het object? Alleen de achtergrond zou ik dit er van maken

Code:

 /* Header */
#header {
    width: 468px;    
    background: url('images/bannersketch.png') no-repeat top center; 
    height: 60px;    
}
#header h1 {
    display: none;

}

Indien je heel de divisie in het midden wilt plaatsen zal ik dit er aan toevoegen:

Code:

margin: 0 auto;