centreren

[Verwijderd lid 141197]

ik heb een cssmet 1 div ik wil deze graag 50 pixels van boven hebben en in het midden.
hoe moet dit in dit css. Dit is de code die ik al heb.

.Site {
	background-color: #00CC33;
	vertical-align: middle;
	position: absolute;
	visibility: visible;
	width: 800px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

alvast bedankt

 

[That Guy]

zoiets:

body
{
   text-align: center;
}

.site
{
   margin: 50px auto;
   text-align: left; /* zet t-align weer goed */
   /* meer spul voor deze div */
}

:thumb:

 

[Verwijderd lid 141197]

Al gevonden

je moet geen

position:absolute

gebruiken
maar wel

margin:auto

 

[g3x123]

jouw volledige code wordt dan:

.Site {
background-color: #00CC33;
position: absolute;
width: 800px;
margin-left: 50px;
margin-top: 50px;
bottom: auto;
}

als je wilt dat je site volledig, hoe groot het scherm ook is van de bezoeker gecentreerd staat:

.Site {
background-color: #00CC33;
position: absolute;
width: 800px;
margin-left: -400px;
margin-top: 50px;
left: 50%;
bottom: auto;
}

zo wordt je site horizontaal gecentreerd (je margin-left moet altijd bij centreren in divs de helft zijn van je width en dan negatief zetten... [is je width 400 dan is je margin-left -200px]. snapje?)

als het niet lukt wil ik je best via msn/email ofzo helpen

 

[g3x123]

ik heb een cssmet 1 div ik wil deze graag 50 pixels van boven hebben en in het midden.
hoe moet dit in dit css. Dit is de code die ik al heb.

.Site {
	background-color: #00CC33;
	vertical-align: middle;
	position: absolute;
	visibility: visible;
	width: 800px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

alvast bedankt

jouw volledige code wordt dan:

.Site {
background-color: #00CC33;
position: absolute;
width: 800px;
margin-left: 50px;
margin-top: 50px;
bottom: auto;
}

als je wilt dat je site volledig, hoe groot het scherm ook is van de bezoeker gecentreerd staat:

.Site {
background-color: #00CC33;
position: absolute;
width: 800px;
margin-left: -400px;
margin-top: 50px;
left: 50%;
bottom: auto;
}

zo wordt je site horizontaal gecentreerd (je margin-left moet altijd bij centreren in divs de helft zijn van je width en dan negatief zetten... [is je width 400 dan is je margin-left -200px]. snapje?)

als het niet lukt wil ik je best via msn/email ofzo helpen