Ga naar inhoud

een div centreren op een pagina


Aanbevolen berichten

Hallo, nogmaals een vraagje! ik heb een stylesheet met daarin een #container. Deze heeft aantal waardes enz, maar deze div moet eigenlijk in het midden van de pagina komen. de optie text-align:center; gaat niet op omdat dit gewoon niet werkt op een of andere manier .. iemand een idee? alvast dank Lex [code:1:a39c556a7f] body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color:#01558E; margin: 0px; padding: 0px; } #container { background-color:#09f; border-left:78px solid #027BCB; border-right:52px solid #027BCB; width:51%; } [/code:1:a39c556a7f]
Link naar reactie
Dit werkt bij mij met firefox en ie 6 [code:1:85a23eb7e5]<!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"><head> <title>Center Layout</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> body { background-color : #fff; color : #006; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 14px; text-align : left; } #container { width : 780px; padding : 0px; margin-right : auto; margin-left : auto; background-color : #fff; border: 1px solid #00f; top : 0px; height : 685px; z-index : auto; position : relative; } </style> </head> <body> <div id="container"> <p>hier komt de rest...</p> </div> </body> </html>[/code:1:85a23eb7e5] wimb
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...