Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

een div centreren op een pagina

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.