Centrér et <div> layer på 848x364 pixels i alle opløsninger
Jeg har en side hvor jeg skal bruge et div-layer til tekst, midt på siden. Dette layer skal altså være centréret lige meget om brugeren har en opløsning på 1024x786 eller f.eks. 1600x1200, dette layer skal fylde præcis 848 x 364 pixels, altså bliver det en firkant der skal centeres! Det hele skal også være CSS og XHTML 1.1 kompatibelt!Jeg har begyndt på et dokument der ser sådan her ud:
|--KODE START--|
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Untitled Document</title>
</head>
<body>
<!-- Dette layer skal centeres, men det stykke kode der står i 'style' skal laves om eller også skal der en ekstern class CSS på -->
<div id="mainpage" style="position:absolute; left:80px; top:142px; width:848px; height:364px; z-index:1; visibility: visible; overflow: auto;"> <p> </p>
</div>
</body>
</html>
|-- KODE SLUT --|
...jeg håber dette er muligt, og at der er nogen der kan hjælpe!
Med venlig hilsen
Troels (FuZZy2)
