bij onze site www.hollandsgeweld.nl staan de paginas niet midden op het scherm.
Hoe kan ik dit in dreamweaver aanpassen?
Hoe kan ik dit in dreamweaver aanpassen?
Paginas centreren
- Onderwerp starter B.Veuger
- Startdatum
- Status
peter vazed
Meubilair
- Lid geworden
- 8 sep 2000
- Berichten
- 7.972
Extra div toevoegen als container.
Dit toevoegen in de style:
.container{
position: absolute;
left: 50%;
top: 50%;
width: 760px;
height: 440px;
margin-left: -380px;
margin-top: -220px;
overflow: hidden;
background-color:#c0c0c0;
border:solid 3px #ff0000;
}
Dit mag je weghalen:
background-color:#c0c0c0;
border:solid 3px #ff0000;
was als test bedoeld en kun je gebruiken om de px-jes aan te passen indien nodig.
In je body:
<div class="container">
<div id="Layer2" style=///rest van de code////
</span></p>
</div>
</div>
</body>
</html>
Dit toevoegen in de style:
.container{
position: absolute;
left: 50%;
top: 50%;
width: 760px;
height: 440px;
margin-left: -380px;
margin-top: -220px;
overflow: hidden;
background-color:#c0c0c0;
border:solid 3px #ff0000;
}
Dit mag je weghalen:
background-color:#c0c0c0;
border:solid 3px #ff0000;
was als test bedoeld en kun je gebruiken om de px-jes aan te passen indien nodig.
In je body:
<div class="container">
<div id="Layer2" style=///rest van de code////
</span></p>
</div>
</div>
</body>
</html>
En in XHTML wordt dat:
#container{
position: absolute;
left: 50%;
top: 50%;
width: 760px;
height: 440px;
margin-left: -380px;
margin-top: -220px;
overflow: hidden;
background-color:#c0c0c0;
border:solid 3px #f00;
}
<body>
<div id="container">
<div id="content">
blablabla
</div>
</div>
</body>
Wil je alleen verticaal centreren, verwijder dan "top" en "margin-top" uit de CSS
#container{
position: absolute;
left: 50%;
top: 50%;
width: 760px;
height: 440px;
margin-left: -380px;
margin-top: -220px;
overflow: hidden;
background-color:#c0c0c0;
border:solid 3px #f00;
}
<body>
<div id="container">
<div id="content">
blablabla
</div>
</div>
</body>
Wil je alleen verticaal centreren, verwijder dan "top" en "margin-top" uit de CSS
- Status
