Archief - CSS: Hoe centreer ik de gehele website binnen het browservenster?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

DeBuGGeR

Legacy Member
ik wil dus dat mijn site op eender welke resolutie in het midden wordt weergegeven (dus niet de tekst die gecentreerd uitgelijnd is, dat wil ik juist niet, maar de site zelf) zoals google dacht ik.

ik heb al gezocht maar ik vind het dus niet :help:

ps:het moet in een division gebeuren

Devastate

Legacy Member
zet u site in een div en pas daarop toe:

Code:
margin: 0 auto;

DeBuGGeR

Legacy Member
Devastate zei:
zet u site in een div en pas daarop toe:

Code:
margin: 0 auto;

werkt niet, en het moet met een division gebeuren, was ik vergeten vertellen

alvast bedankt :)

Devastate

Legacy Member
DeBuGGeR zei:
werkt niet, en het moet met een division gebeuren, was ik vergeten vertellen

alvast bedankt :)

dat MOET zeker wel werken..
ik gebruik het altijd zo :p
post u code is?

ps: ge moet natuurlijk wel ook een breedte geven aan het beestje hé.
dus:

Code:
margin: 0 auto;
width: 900px;
ofzo :)

DeBuGGeR

Legacy Member
Code:
#mainContainer {
	margin: 0 auto;
	width: 800px;
}

khebbet, khad mijn width in mijn body geplaatst binnen de css code, maar in internet explorer wil em blijkbaar nog altijd ni werke, toch vreselijk bedankt (y)

aja wete toevallig ook hoe het komt dat mij horizontal rule <hr /> in IE een kleur heeft (wat ik dus wil) maar in firefox niet :(

Code:
hr {	
	color: #006666;
	height: 2px;
}

Devastate

Legacy Member
DeBuGGeR zei:
Code:
#mainContainer {
	margin: 0 auto;
	width: 800px;
}

khebbet, khad mijn width in mijn body geplaatst binnen de css code, maar in internet explorer wil em blijkbaar nog altijd ni werke, toch vreselijk bedankt (y)

aja wete toevallig ook hoe het komt dat mij horizontal rule <hr /> in IE een kleur heeft (wat ik dus wil) maar in firefox niet :(

normaal zou die in IE ook moeten werken... u code nog is uitpluizen als ge nie ergens u margins of width gaat overrulen ofzo .. idk.

about die hr; geen idee. ik gebruik altijd een kleine image die ik dan horizontaal herhaal om lijnen te genereren. kom je niet voor zo'n verrassingen ;)

DeBuGGeR

Legacy Member
Devastate zei:
normaal zou die in IE ook moeten werken... u code nog is uitpluizen als ge nie ergens u margins of width gaat overrulen ofzo .. idk.

about die hr; geen idee. ik gebruik altijd een kleine image die ik dan horizontaal herhaal om lijnen te genereren. kom je niet voor zo'n verrassingen ;)

nja tis omdak een website moet maken voor school en ik moet die specifieke codes gebruiken... en ik vind het echt niet in mijn cursus :(

Cyberdevil

Legacy Member
Ik weet zeker dat die code zou moeten werken in alle browsers.
Maar eens een nieuwe div aan met id=website en dan de volgende code :

#website {
margin-left: auto;
margin-right:auto;
}

Dit werkt voor al mijn sites.

Ookami

Legacy Member
container {
position:absolute;
left:50%;
margin-left:-100px;
}

Vervang 100 px , door de helft van de breedte van je website (dus als je 600px breedte hebt, is het : margin-left:-300px; )

Recipe4hate

Legacy Member
Ik gebruik ook
container
{
margin-left: auto;
margin-right: auto;
}


Maar wat is nu het verschil met 'margin: 0 auto;'?

En HR's zijn niet altijd evident. Waarom gebruik je geen border-top of border-bottom?

RpR

Legacy Member
snap niet dat jullie hierop antwoorden.
Zoiets staat in de FAQ iets dat je moet lezen voor je post!

DeBuGGeR

Legacy Member
ik had erin gekeken maar ik vond dus niets dat werkte, dan mag ik het toch wel even vragen?

en mijn internet explorer blijft lastig doen, ik zie echt de fout niet? kunnen die hr's voor problemen zorgen?

Devastate

Legacy Member
Cyberdevil zei:
Snap alleen niet wat die 0 daar staat te doen :oink:

die 0 staat voor verticale allignering (top-bottom) en de auto voor horizontale (left right). dus eigelijk staat er
Code:
margin: 0 auto 0 auto;

Xavez

Legacy Member
Normaal dat je dat niet weet. CSS shorthand is niet zó eenvoudig :).
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan