gtox
%Europe/Berlin %497 %2007, 12:55
hey, om iets te centreren is het enige wat je moet aanpassen, de breedte en hoogte van je flashfile/plaatje, want de rest heb ik al voor je gedaan.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Horizontaal en Verticaal gecentreerd</title>
<style type="text/css">
body {
background-image: url(gfx/menu/achtergrond-orangje.gif);
background-color: #000000;
}
div#container {
background-color: #fff;
width: 800px;
height: 500px;
margin:-250px 0 0 -400px;
position:absolute;
top:50%;
left:50%;
}
</style>
</head>
<body>
<body bgcolor="#ffffff" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
<div id="container">
</div>
</body>
</html>
Voorbeeld 1
Hierboven zie je de code die je moet gebruiken, het enigste wat je moet aanpassen is:
width: 800px; // vul hier de breedte in
height: 500px; // vul hier de hoogte in
margin:-250px 0 0 -400px;
// margin = de 250 moet vervangen worden door de hoogte van je flashfilm : 2
// margin = de 400 moet vervangen worden door de breedte van je flashfilm : 2
Dus stel dat de hoogte 500 is dan doe je 500:2= 250 en dan vul je 250 in bij margin met een - ervoor zoals hieboven staat aangegeven.
Voorbeeld 2
Stel je filmpje is 800x600 dan wijzig je de cijfers in de html code naar:
width: 800px;
height: 600px;
margin:-300px 0 0 -400px;
--------------
Hopelijk heb je er wat aan ;)