Ga naar inhoud

div in center


Compiboy

Aanbevolen berichten

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
Link naar reactie
Delen op andere sites

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>

Link naar reactie
Delen op andere sites

  • 2 weken later...
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)

Link naar reactie
Delen op andere sites

×
×
  • 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.