Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

een div centreren op een pagina

Anoniem
relex
7 antwoorden
  • 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]
  • Ik heb idd de oplossing voor je probleem.
    Deze vraag heb ik namelijk ook ooit eens gesteld.

    Ik zal de link voor je gaan zoeken.

    Een moment aub
  • hmm, heb me rot gezocht maar kan hem niet vinden. Zodra ik hem gevonden heb, krijg je hem alsnog van mij.

    Misschien dat een van de andere forummembers weet in welk topic dat zat.
  • Hoi!

    dank voor je snelle reactie.
    volgens mij heb ik een openbaring gehad .. hahaha

    als ik margin-left en margin-right op auto zet dan komt ie volgens mij wel in het midden ..

    ik ga het ff testen ..
    iig bedankt voor het meedenken
    Lex
  • Ik weet niet meer hoe het precies zat. Maar ik meende dat dat niet werkt in IE.

    (ik weet het niet zeker)
  • 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
  • Misschien heb je hier wat aan:
    http://www.bluerobot.com/web/css/center1.html

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.