Hallo,

Ik heb een website opgemaakt in PSD en deze vervolgens geconverteerd naar HTML/CSS.
Nu heb ik alleen het probleem dat de site niet automatisch centreert in de browser.
Er dient dus aanpassingen gemaakt worden in de CSS.
Wie kan mij hierbij helpen?

Neem graag contact met me op.

Groet,
Kader Hussain

Zet bij de div voor de gehele website (met uitzondering van de achtergrond natuurlijk, dus de div die de header, content en footer omvat) margin-left: auto; en margin-right: auto;. Als het goed is wordt de site dan wel gecentreerd weergegeven.

PS 1 topic is wel genoeg hoor...

Het zou op de manier kunnen zoals Marcel aangeeft. Het kan echter nog iets netter:
bij de div die alles omvat (header, content, footer) margin:0 auto; toevoegen

En om dan even uit te leggen waarom margin: 0 auto; ook werkt; als je margin gebruikt krijg je:

margin: top right bottom left;

Wanneer je enkel top (0) en right (auto) in vult, dan geeft hij die automatisch door aan de tegenoverliggende zijdes (bottom en left).

Bedankt voor het reageren. Helaas heeft margin niet geholpen..
Waar kan dit aan liggen?

Een stukje van mijn css:

#global_container_ {
background: #ffffff;
float: none;
height: auto;
min-height: 2476px;
min-width: 1920px;
position: relative;
width: 1920px;
margin: 0 auto;
}
#layer_2Holder {
background: #e5e5e5;
clear: both;
float: left;
height: 2476px;
min-height: 2476px;
position: relative;
width: 1920px;
margin: 0 auto;
}
#layer_2_copyHolder {
background: url(images/layer_2_copy.png) no-repeat;
left: 0;
min-height: 118px;
position: absolute;
top: 0;
width: 1920px;
margin: 0 auto;

Hoor graag van jullie.

Groet,
Kader Hussain

Kader,

Je moet de DIV meestal is dat de wrapper waar al die divs als header, content en footer instaan die margin: 0 auto; geven ;)

Gr Boy

kun je ff pm sturen, wil die stylesheet en website wel ff bekijken.

Hallo,

Ik heb de wrapper toegepast, maar ook lukt dit niet.
Wie zou de CSS kunnen nakijken en aanpassen tegen betaling?

Groet,
Kader Hussain

Probeer dit eens


CSS

#container{
position: relative;
width: 1000px;
height: 800px;
margin: 0 auto;
border: solid 1px #000;

}


<div id="container"></div>

Staat hij al online?
Dan kunnen we gewoon even kijken?

Aan de width te zien van de global container betreft deze de HELE site + achtergrond dus.

1920px centreert wat lastig op een schermpje van 1920px..


EDIT: zie nu pas dat het een inmiddels vrij oud topic is.

Valt wel mee toch, zo oud is dit topic niet? Maar je hebt gelijk.

Zoals ik al eerder zei moet je een wrapper hebben met alleen je header, content en footer, noem deze bijvoorbeeld #content_container. Deze geef je een breedte van bijvoorbeeld 1000 px en dan dus die margin: 0 auto;.

In je HTML code zet je 'm direct onder je #global_container (en vergeet 'm niet af te sluiten, uiteraard ook weer net voordat je de global container afsluit).