"Thomas" <thomasFJERNDette@tunet.dk> writes:
> okay.. det jeg egentlig ville var ved hjælp at JacaScript at centrere et
> objekt i browservinduet. Dette ville jeg gøre til dels med screen.height og
> screen.width og ved at jeg kender det objekt der skal centreres højde og
> bredde.
Det er en meget dårlig ide at bruge screen.width/height til at
centrere efter. Det der er relevant er browservinduets størrelse, ikke
andet.
var root = (document.compatMode=="CSS1Compat" &&
document.documentElement) || document.body;
var width = window.innerWidth || root.clientWidth;
var height = window.innerHeight || root.clientHeight;
> efter et lille regnestykke ville jeg så sætte en
> document.body.marginLeft og document.body.marginTop
Hvis det er det eneste på siden, og du kender størrelsen, så kan det
gøres nemmere, fx med ren CSS:
Hvis elementet fx er 200px * 150px, så prøv:
---
<style type="text/css">
.center {
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px; /* minus halvdelen af bredden */
margin-top: -75px; /* minus halvdelen af højden */
width: 200px;
height: 150px;
}
</style>
....
<body>
<div class="center"> blablabla </div>
</body>
---
> Kand det lade sig gøre at gøre det på denne måde.. jeg kan ikke umiddelbart
> få det til at virke...
Med margintop:
var bodystyle = document.body.style || document.body; // fejler i NS 4
bodystyle.marginLeft = (width - elementWidth)>>1;
bodystyle.marginTop = (height - elementHeight)>>1;
Det er bare ikke den nemmeste metode.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:
http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'