Använder en div som alert-ruta och vill nu centrera denna i förhållande till vilken skärmupplösing man har. > <b>Använder en div som alert-ruta och vill nu centrera denna i förhållande till vilken skärmupplösing man har.</b> Här två exempel till som också givetvis bygger på CSS Tackar för tipsen! Har dock ett problem: Vill att höjden skall vara relativ, alltså ej ha ett värde, eftersom det är mängden text som avgör hur hög diven blir.En div som alert-ruta
Någon som har ett förslag?Sv: En div som alert-ruta
Detta löser du enklas med CSS istället för JavaScript, och skärmupplösningen är inget som man ska ta hänsyn till!
<code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
<title>Centrerad DIV</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<style type="text/css">
div {
border-color: #000000;
border-style: solid;
border-width: 1px;
margin-left: auto;
margin-right: auto;
width: 100px;
}
</style>
</head>
<body>
<div class="centrerad">
Ost
</div>
</body>
</html>
</code>Sv: En div som alert-ruta
http://www.wpdfd.com/editorial/thebox/deadcentre1.html
http://www.wpdfd.com/editorial/thebox/deadcentre3.html
Med dessa exempel får du din div centrerad både horisontellt och vertikalt oberoende vilken storlek du har på browsernSv: En div som alert-ruta