xml-prologen
Jeg har lige hjulpet med et script der skulle lave en div der er centreret både horisontalt og vertikalt og med bredde og højde angivet i procent, ikke i px. Jeg fandt en løsning. I kan se den her:http://www.eksperten.dk/spm/307924 (21/01-2003 23:50:57)
Det vist sig dog ikke at virke før jeg også indsatte det der vist hedder xml-prologen, nemlig:
<?xml version="1.0" encoding="iso-8859-1"?>
Dvs. den samlede løsning der virker, ser sådan ud:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript"><!--
function MyResize() {
self.location.reload();
}
self.onresize=MyResize;
//--></script>
<style type="text/css">
div {
position : absolute;
top : 50% ;
left : 50% ;
background-color: #ffcc00;
border: 1px dotted #666666;
}
</style>
</head>
<body>
<script type="text/javascript"><!--
if (document.all) {
var IEw = document.body.clientWidth;
var IEh = document.body.clientHeight;
document.write ('<div style="height: ' + IEh/2 + 'px; width: ' + IEw/2 + 'px; margin-top: -' + IEh/4 + 'px; margin-left: -' + IEw/4 + 'px;"></div>');
} else if (document.getElementById&&!document.all) {
var NSw = innerWidth;
var NSh = innerHeight;
document.write ('<div style="height: ' + NSh/2 + 'px; width: ' + NSw/2 + 'px; margin-top: -' + NSh/4 + 'px; margin-left: -' + NSw/4 + 'px;"></div>');
}
//--></script>
</body>
</html>
------
Hvis ikke den allerførste linje er med, kollapser div'en og mister sin højde. Kan nogen her forklare mig hvorfor?