Foto + content in midden zetten

**Stijn Adams** · 21-02-2010, 12:57

Dag

Ik wil mijn website in het midden zetten.
Maar, de content en de foto mag niet van plaats veranderen.

De spatie tussen links en echts moet hetzelfde blijven, maar moet zich aan de bezoeker aanpassen.
Ook een kleine spatie aan de bovenkant.

Origineel:
http://flsadams.v3host.be/dev/goodsi...ekeurd/pda.htm

Bijna wat ik wil:
http://flsadams.v3host.be/dev/goodsi...pda2midden.htm

Wie help me hiermee?

Met vriendelijke groeten,
Stijn

**NickM** · 21-02-2010, 13:00

<center></center>?

**Stijn Adams** · 21-02-2010, 13:01

Origineel gepost door Nick Mink

<center></center>?

Neen, dan gaat men tekst verschuiven.

**Wesley L** · 21-02-2010, 13:04

Je div een margin geven?

**Stijn Adams** · 21-02-2010, 13:06

Origineel gepost door Wesley L

Je div een margin geven?

Gaat het dan automatisch?

**Ton van Alebeek** · 21-02-2010, 13:07

Div eromheen, en margin van die div op "auto" zetten..

**Wesley L** · 21-02-2010, 13:07

Als je margin: auto; doet wel.

**M Veen** · 21-02-2010, 13:14

Zoals wesley al zegt inderdaad.

**Stijn Adams** · 21-02-2010, 13:17

Ik geraak er even niet uit...

**D Lodder** · 21-02-2010, 13:30

Als je ons even de broncode geeft, en dan OVERZICHTELIJK, dus niet zoals op je website, kunnen we het oplossen en uitleggen.

Een div is bedoeld om delen van een website in te sluiten, een division of divisie dus. Als jij je website in 2 divisies verdeeld, dan kun je de ene divisie absoluut links positioneren, en de andere divisie in het midden (auto).

**Niek Heuvink** · 21-02-2010, 13:33

of doe:

body { margin: 0px auto; }

**Stijn Adams** · 21-02-2010, 13:53

Origineel gepost door D Lodder

Als je ons even de broncode geeft, en dan OVERZICHTELIJK, dus niet zoals op je website, kunnen we het oplossen en uitleggen.

Een div is bedoeld om delen van een website in te sluiten, een division of divisie dus. Als jij je website in 2 divisies verdeeld, dan kun je de ene divisie absoluut links positioneren, en de andere divisie in het midden (auto).

Ik weet dat de code NU NIET OVERZICHTELIJK is.
Ik ben nog bezig, is dit gedaan, dan worden de bugs en de code verbeterd.
Aanvullend bericht:

Origineel gepost door Niek Heuvink

of doe:

body { margin: 0px auto; }

Werkt niet. (ik doe het verkeerd, vermoed ik)

**gast21182** · 21-02-2010, 14:00

Boven aan je pagina neerzetten:
<!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">

En dan in de div:
margin: 0 auto;

**Bjorn v U.** · 21-02-2010, 14:34

In je CSS:

Code:

.style1 {}
#wrap { margin: 0 auto; }
#menu {}

In je body:

Code:

<body>
<div id="wrap">
alle content
</div>
</body>

**Stijn Adams** · 21-02-2010, 15:10

Origineel gepost door gast21182

Boven aan je pagina neerzetten:
<!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">

En dan in de div:
margin: 0 auto;

Lukt me niet.

Origineel gepost door Bjorn v U.

In je CSS:

Code:

.style1 {}
#wrap { margin: 0 auto; }
#menu {}

In je body:

Code:

<body>
<div id="wrap">
alle content
</div>
</body>

Ook dit niet.

Kan iemand me dit bij deze pagina voordoen en uitleggen hoe u het juist heb gedaan.
Dan kan ik het bij de rest doen.

Foto + content in midden zetten