[CSS] Een plaatje in het midden van de pagina zetten.

[Ethnocentrix]

Ik moet voor een layout een plaatje in het midden van de pagina zetten.
Dit lukt me wel met de volgende code:

code:

background-color: #FFFFFF;
background-image: url("pics/layout/layout.jpg");
background-repeat: repeat-y;
background-position: center;

Maar in dat plaatje zit een imagemap, en dat werkt op deze manier niet.
weet iemand hoe ik een <div> in het midden van de pagina kan laten plaatsen?
Want ik moet ook og een layer met content over de pagina zetten, en dat moet natuurlijk wel goed blijven staan bij een andere resolutie.

[ Voor 3% gewijzigd door Ethnocentrix op 08-10-2003 15:09 ]

[cutter]

http://www.thenoodleincid...als/box_lesson/boxes.html

[Willem]

imagemap kan niet op een background-image.
Je kunt wel gewoon een div x- en y centreren.

Daarvoor even zoeken, is vaak genoeg langsgekomen.

[Ethnocentrix]

Ik bedoel dus dat ik een layer met een plaatje erin gecentreerd op de pagina wil hebben, en dat zonder x en y op te geven, want als je dan onder een ander resolutie kijkt, staat ie opeens rechtsonderin ipv in het midden.
dus zo:

code:

<div style="position: absolute; <<en dan hier iets 
waardoor de layer automatisch in het midden gaat staan >> 
width: 743px; height: 579px ">
[img]"lay.jpg"[/img]
</div>

[ Voor 47% gewijzigd door Ethnocentrix op 08-10-2003 15:24 ]

[Willem]

Ehm, nee wat zei ik nou?
Volgende keer ben ik niet behulpzaam

Cascading Stylesheet:

div#main {
  position:absolute;
  width:640px;
  height:422px;
  margin-left:-320px;
  margin-top:-211px;
  left:50%;
  top:50%;
}

[crisp]

Cascading Stylesheet:

div.center {
  position: absolute;
  height: 300px;
  width: 300px;
  top: 50%;
  left: 50%;
  margin-top: -150px; /* de helft van je height */
  margin-left: -150px; /* de helft van je width */
}

en is inderdaad vaker langsgekomen, voortaan even zoeken dus...