Ga naar inhoud

div in center

Compiboy

Door Compiboy
in Archief Website Hulp & Scripts

 Delen

Aanbevolen berichten

Compiboy Groentje

Compiboy

Geplaatst:
Geplaatst: (aangepast)

Dag iedereen

Ik zou graag een div (header) in het midden plaatsen maar ik heb al alles uitgeprobeerd zoals:

margin-left: auto;

margin-right: auto;

en ook nog andere

dit is wat ik nu heb:

#header {

background:url("header1.png");

font-family: calibri;

font-size: 30px;

width: 870px;

height: 150px;

}

Alvast bedankt voor jullie reacties:-)

aangepast door Compiboy
stegisoft Grootmeester

stegisoft

Geplaatst:
Geplaatst:

CSS

#wrapper

{

width: 720px;

margin: 0 auto;

background-color: #dbd3d3;

}

#header{

margin: 0000;

background: #b95c5c;

font-size: 18px;

font-style: italic;

line-height: normal;

font-weight: bold;

text-align:center;

color: #f2d4d4;

}

HTML

<div id="wrapper">

<div id="header">

Hartelijk welkom

</div>

</div>

  • 2 weken later...
ecence Meewerkend lid

ecence

Geplaatst:
Geplaatst:
Dag iedereen

Ik zou graag een div (header) in het midden plaatsen maar ik heb al alles uitgeprobeerd zoals:

margin-left: auto;

margin-right: auto;

en ook nog andere

dit is wat ik nu heb:

#header {

background:url("header1.png");

font-family: calibri;

font-size: 30px;

width: 870px;

height: 150px;

}

Alvast bedankt voor jullie reacties:-)

heb je wel de juiste doctype?

iets als <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

maar dan waarschijnlijk anders.

als je de juiste hebt, werkt maring-left maring-right auto wel.

als je niet de juiste hebt werkt margin:auto; niet meer (left/ right)

 Delen
Ga naar topic overzicht
Logo

OVER ONS

PC Helpforum helpt GRATIS computergebruikers sinds juli 2006. Ons team geeft via het forum professioneel antwoord op uw vragen en probeert uw pc problemen zo snel mogelijk op te lossen. Word lid vandaag, plaats je vraag online en het PC Helpforum-team helpt u graag verder!

SITEMAP

×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.