Hey,

Ik werk al tijdje met divjes en css. Maar mijn site (www.jongnootdorp.nl) blijft altijd links staan. Weet iemand hier de oplossing voor?.. Ik zou hem graag gecentreerd willen hebben.


html,body {
background-color:#FFFFFF;
background-image: url(images/bg.gif);
background-repeat: repeat-x top center;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
color: #666;
font: 11px/15px Arial, sans-serif;
}

margin:0 auto;
that's it

en voor ie

body text-align: center; meegeven

je container text-align: left; meegeven ;)

html,body {
background-color:#FFFFFF;
background-image: url(images/bg.gif);
background-repeat: repeat-x top center;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin:0 auto;
color: #666;
font: 11px/15px Arial, sans-serif;
body text-align: center;
text-align: left;
}

Werkt nog niet..

html,body {
background-color:#FFFFFF;
background-image: url(images/bg.gif);
background-repeat: repeat-x top center;
margin:0 auto;
color: #666;
font: 11px Arial, sans-serif;
}

CSS is vast niet je sterkste kant...

haha duidelijk niet nee.. Ben meer van het grafische gedeelte.

Maar hij pakt hem nog niet... www.jongnootdorp.nl, hij blijft links staan.

Breedte (width) aangeven in je css bestand.

.. hoe? waarom pakt die hem niet met die margin:0 auto;?

Omdat er daarvoor ook een breedte bij moet staan.

#main {
margin: 0 auto;
top:0px;
width:1000px;
height:100%;
}

ok bedankt ;) dit gaat wel lukken. Sorry voor de moeite haha

Origineel gepost door Marieke D

Breedte (width) aangeven in je css bestand.

Hier ben ik wel zolang mee bezig geweest om achter te komen haha!

Okay volgend probleem. Het is nu gelukt. Alleen nu staat mijn background image niet goed....

html,body {
background-color:#FFFFFF;
background-image: url(images/bg.gif);
background-position: top center;
margin: 0 0 1em 0;
padding: 0 0 1em 0;
text-align: center;
color: #666;
font: 11px Arial, sans-serif;
}
#main {
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background-position: top center;
margin: 0 auto;
position: relative;
text-align: left;
width:1000px;
height:100%;
}

corectie:
4 Background tags terwijl je er 1 kan gebruiken.
text-align voor een div?

html,body {
background: #FFFFFF url(images/bg.gif) top center;
margin: 0 0 1em 0;
padding: 0 0 1em 0;
color: #666;
font: 11px Arial, sans-serif;
}
#main {
background: url(images/bg.gif) repeat-x top center;
margin: 0 auto;
position: relative;
width:1000px;
height:100%;
}

volgens mij ligt het probleem aan het feit dat je in de background van de body geen repeat-x hebt staan. Zo zou het moeten werken (in xhtml)

Het werkt nog niet.. Heb nu jou dingen overgenomen.. de bg blijft links uitlijnen..

Background weghalen uit de body/main.