website centreren

**RicardovdS.** · 27-09-2009, 18:51

Beste leden van sitedeals,

Ik probeer een layout te basen maar het lukt maar niet om iets te centreren,
als ik het centreer lukt het wel op 1024x768 resolutie
maar niet op 1280x1024 resolutie

weet iemand misschien hoe ik dit kan oplossen?

mvg,
Ricardo van der Spoel

**Kevin Bentlage** · 27-09-2009, 18:54

Geef ons op zijn minst wat meer info over de opbouw van je basing, een stukje HTML code en misschien wat CSS.

Dit maakt het voor ons een stuk duidelijker.

Als je Div's gebruikt kun je waarschijnlijk d.m.v. "margin: 0 auto" op de div die gecentreerd moet worden te zetten een heel eind komen.

**gast2960** · 27-09-2009, 18:55

centreren is niet gebonden aan een resolutie normaal gesproken.
Dus de fout ligt niet aan het centreren maar aan iets anders,
daarvoor zouden we de css in moeten kijken...

**RicardovdS.** · 27-09-2009, 19:05

body
{
background-image: url(afbeeldingen/achtergrond.jpg);
width: 100%;
}

div#menu
{
background-image: url('afbeeldingen/menu_achtergrond.jpg');
width: 774px;
height: 76px;
border: none;
position: absolute;
}

**Wilco E.** · 27-09-2009, 19:15

probeer:

margin:0px auto 0px auto;

Eens.

**Jeroen Kamphuis** · 27-09-2009, 19:16

waarom wil jij je body 100% width hebben? Waarvoor ga je dat gebruiken?

**Marc Vleugels** · 27-09-2009, 19:17

Heb je wel bovenaan staan op je index:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

**RicardovdS.** · 27-09-2009, 19:18

Wilco, ik zal het proberen,
Jeroen dat was om te testen of het dan wel zou werken

**RicardovdS.** · 27-09-2009, 19:19

ik krijg dit:
zie bijlage

**Jeroen Kamphuis** · 27-09-2009, 19:24

Dit is wat je moet doen:

body{
width: breedte site;
height: hoogte;
margin: 0 auto;
text-align: center;
}

#container{
width: breedte site;
margin: 0 auto;
text-align: left;
}

en dan al je html en divs enzo in je container plaatsen

**Jeroen Burgers** · 27-09-2009, 20:01

Ik plaats al mijn div's voor mijn website in een container. Dan ziet mijn css er zo uit:

body {
margin:0px;
padding:0px;
background:url("images/background.png");
background-repeat:repeat-x;
background-color:#e3e3e3;
}

div#container{
width:970px (breedte website);
margin-left:auto;
margin-right:auto;
}

Eigenlijk bijna hetzelfde wat hierboven beschreven staat.

**Jeroen Kamphuis** · 27-09-2009, 20:03

@Jeroen (B)
Je bent internet explorer vergeten. Deze werkt meestal beter door text-align: center; in de body te gebruiken en dan text-align: left; in de container.

**Jeroen Burgers** · 27-09-2009, 20:05

@ Jeroen K:

Is dat echt zo? Daar heb ik nog nooit last van gehad. Kan het niet zo zijn dat het voor IE6 beter werkt? In IE 7 en 8 werkt het bovenstaande wel gewoon bij mij in 'alle browsers'.

**RicardovdS.** · 27-09-2009, 20:23

het is al gelukt,

@charset "utf-8";
/* CSS Document */
body
{
background-image: url(afbeeldingen/achtergrond.jpg);
width:100%;
height:100%;
}

div#menu
{
background-image: url('afbeeldingen/menu_achtergrond.jpg');
width: 774px;
height: 76px;
margin-left: auto;
margin-right: auto;
border: none;
}
div#header
{
background-image: url('afbeeldingen/header.jpg');
width: 774px;
height: 238px;
margin-left: auto;
margin-right: auto;
border: none;
}

div#content
{
background-image: url('afbeeldingen/content_achtergrond.jpg');
width: 774px;
height: 530px;
margin-left: auto;
margin-right: auto;
border: none;
}

div#copyright
{
background-image: url('afbeeldingen/copyright_achtergrond.jpg');
width: 774px;
height: 126px;
margin-left: auto;
margin-right: auto;
border: none;
}

**Jeroen Kamphuis** · 27-09-2009, 20:45

Dat was toen ik begon wel nodig, nu weet ik niet meer.

website centreren