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)

[CSS] pagina centreren d.m.v. boxes

hulpje
6 antwoorden
  • Ik wil mijn pagina centreren d.m.v. css boxes, nu lukt het me wel om de pagina horizontaal gecentreerd te krijgen maar verticaal niet.

    De vraag is dus hoe ik dit voor elkaar krijg ZONDER frames.
    [code:1:566266b1eb]#main {
    padding: 10px;

    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;

    width: 982px;
    height: 559px;
    }[/code:1:566266b1eb]
    Dit is ook nog een stuk CSS maar bij het onderstaande is het probleem dat hij niet stopt bovenaan de pagina, dus de pagina verdwijnt aan de bovenkant uit het beeld en je kan er ook niet naartoe scrollen.
    [code:1:566266b1eb]#main1 {
    top: 50%;
    margin-top: -283px;
    height: 567px;
    position: absolute;
    }[/code:1:566266b1eb]
    iemand een idee ?
    -marcel
  • http://www.thenoodleincident.com/tutorials/box_lesson/basic_centered.html
  • teacher, bedankt maar op deze pagina word ook niet verticaal gecentreerd, ik had gezocht en gevonden ;)
  • Nog in beta (URI [b:260e2040c7] is veranderd[/b:260e2040c7]):

    http://annevankesteren.nl/test/templates/center-hv (test)
    http://annevankesteren.nl/test/templates/center-hv.phps (source)
  • dit is wat ik nu ook heb, alleen dat is niet helemaal goed.

    ik zal proberen om te laten zien wat ik bedoel d.m.v. je voorbeeld.
    [img:c99fce3db7]http://junk.xanuex.nl/voorbeeld.gif[/img:c99fce3db7]

    de pagina gaat nu aan alle kanten uit het scherm, het is zelfs zo erg
    dat je er met scrollen niet meer bij kan.

    met mijn css stukje stopt hij iig aan de linkerkant alleen centreert hij het geheel nog niet verticaal.

    nee ik wil niet terug naar frames…. :lol:
  • Enige oplossing daarvoor is een klein JSje :roll: vrees ik. Er is wel een betere oplossing:[code:1:4ec4e17c96]<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <style type="text/css">
    html{
    background:#fff;
    }
    body{
    position:absolute;
    top:0;right:0;bottom:0;left:0;
    margin:auto;
    height:200px;
    width:200px;

    line-height:200px;
    vertical-align:middle;
    text-align:center;

    background:lime;
    }
    </style>
    </head>
    <body>
    TEST
    </body>
    </html>[/code:1:4ec4e17c96](opslaan als .xhtml) maar dat werkt alleen in Mozilla…

    IMO ben je gek als je Frames gaat gebruiken. Daar heb je er zo'n 6 voor nodig om hetzelfde te bereiken. Het moet er gewoon nog goed uitzien op 800*600 lijkt me, dan heb je elke res die je site bezoekt.

Beantwoord deze vraag

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