Archief - Website centreert niet

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.
C

Carrion

Legacy Member
Om een of andere reden wilt m'n website niet centreren. Ik gebruik nochtans dezelfde methode als altijd en die heeft steeds gewerkt.

HTML: 
body {
	position: relative;
	margin: 0;
	padding: 0;
}

#top {
	position: relative;
	background-image: url(../images/bn_top.png);
	width: auto;
	height: 125px;
}

#center {
	position: relative;
	background-image: url(../images/pattern.gif);
	width: auto;
	height: auto;
}

#content {
	position: relative;
	width: 870px;
	font-family: verdana, arial;
	font-size: 12px;
	margin: 0, auto;
}
-

-BVR-

Legacy Member
Er staat een komma achter uw 0 ;)
margin: 0 auto; ipv margin: 0, auto;

Ik begrijp wel niet waarom al die position relatives nodig zijn? :s
C

Carrion

Legacy Member
Heb 'k gewoon zo aangeleerd.

ma door die "," weg te halen is het nog nie gelukt
-

-BVR-

Legacy Member
Vreemd, want dat is in de meeste gevallen echt niet nodig hoor.

En wat wilt ge centeren? Die #center? Dan moet ge een fixed width hebben en margin op auto zetten.
C

Carrion

Legacy Member
De #content moet gecentreerd worden, die #center is gewoon m'n middengedeelte

#top = bovenste gedeelte (banner/menu)
#center = inhoud
#bottom = footer end.

en de #content div zit in de #center div.
-

-BVR-

Legacy Member
Ik heb het getest en toch werkt het hoor. :) Die komma doet het fout.

Kan je een test case online zetten?
C

Carrion

Legacy Member
Raar, ik doe de komma weg, het werkt niet. Ik doe de 0 weg, sla op en zet de 0 terug en opeens werkt het.
-

-BVR-

Legacy Member
En ge test lokaal? Vreemd. Anders zou ik zeggen dat het misschien gecachet werd ofzo.

Nuja, fixed is fixed!
C

Carrion

Legacy Member
Gohja, had ik ook al aan gedacht, maar raar dat alle andere aanpassingen wel meteen worden aangepast en het centreren niet. :p
-

-BVR-

Legacy Member
Hmja, maar werkt ge met Chrome? Want chrome heeft ten eerste al geen hard refresh (wat je ook denkt, google it!) en als je refresht, laadt het enkel dingen die hij denkt die nodig zijn opnieuw (bv. Background-image zal minder snel opnieuw geladen worden dan een contentregion; maar hoe dit juist werkt weet ik niet )
-

-BVR-

Legacy Member
well, fuckitol dan :p Ik weet het niet :) Lijkt me toch een serverdelay te zijn :p
G

GregoryCo

Legacy Member
Probeer eens gewoon margin-left:auto en margin-right:auto op uw container. Zo doe ik het altijd en werkt zonder problemen... En doe een css-reset op * ipv van body
-

-BVR-

Legacy Member
GregoryCo zei:
Probeer eens gewoon margin-left:auto en margin-right:auto op uw container. Zo doe ik het altijd en werkt zonder problemen... En doe een css-reset op * ipv van body
Klik om te vergroten...

margin: 0 auto;

=

margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;


:unsure:
Z

Zero Grav

Legacy Member
Ik zie dat het al eens gevraagd is, maar waarom die position: relatives? Hebt ge die dingen zoals dat gebruik van die komma en die relatieve positionering op school aangeleerd gekregen?
-

-BVR-

Legacy Member
Zero Grav zei:
Ik zie dat het al eens gevraagd is, maar waarom die position: relatives? Hebt ge die dingen zoals dat gebruik van die komma en die relatieve positionering op school aangeleerd gekregen?
Klik om te vergroten...

Ben ik ook curieus naar. Ik heb dat nog al gezien, maar begrijp er nooit het nut van.
G

GregoryCo

Legacy Member
BramVroy zei:
margin: 0 auto;

=

margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;


:unsure:
Klik om te vergroten...

Ja ok, maar aangezien het niet werkt, kan hij mijn methode eens proberen.
Kheb dit juist eens geprobeerd zoals BramVroy in FF, en dit werkt wel bij mij (met komma werkt het niet). Misschien eens margin-left:auto en margin-right:auto proberen (werkt ook)
C

Carrion

Legacy Member
Zero Grav zei:
Ik zie dat het al eens gevraagd is, maar waarom die position: relatives? Hebt ge die dingen zoals dat gebruik van die komma en die relatieve positionering op school aangeleerd gekregen?
Klik om te vergroten...

Die position: relatives heb ik gewoon zo aangeleerd gekregen, die komma achter de 0 was gewoon een domme fout van mijn kant.
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