Avatar billede yoka Nybegynder
08. juni 2007 - 20:58 Der er 2 kommentarer

En centreret div fra top til bund?

hej jeg har en "global" div til min side. Den er centreret ved at
:

{
margin-left: auto;
margin-right: auto;
width: 600px;
}

men det virker jo kun hvis den er positioneret relativt. og
derfor kan jeg ikke bare få den til at gå fra toppen til bunden
af skærmen...

{
margin-left: auto;
margin-right: auto;
width:600px;
top:0px;
bottom:0px;
}
har ingen effekt, ej heller "margin-bottom:0px;".

Hvordan får jeg min global div til være i midten af vinduet og
fra toppen til bunden. Så der ikke er noget scroll?

på forhånd mange tak!
Avatar billede syvon Nybegynder
08. juni 2007 - 21:28 #1
noget ligenende dette du mener

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

    <head>

        <style type="text/css" media="screen"><!--
head,body    {
   
    margin: 0px;
        height: 100%
        color: white;
    background-color: #009;
    }

#content    {
font-family: Verdana, Geneva, Arial, sans-serif;
    background-color: red;
    text-align: center;
    margin-left: -300px;
    position: absolute;
    left: 50%;
    width: 600px;
        height: 100%;
    visibility: visible
}


--></style>
    </head>

    <body>
     
            <div id="content">
                    ... indhold ...            </div>
     
        </body>

</html>
Avatar billede mm12010 Nybegynder
09. juni 2007 - 10:23 #2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>En centreret div fra top til bund?</title>
<style type="text/css">
html,body{margin:0;padding:0;overflow:hidden;height:100%;background:#000000;}
#content{margin:0 auto;width:600px;height:100%;background:#FFFFFF;}
</style>
</head>
<body>
<div id="content">content</div>
</body>
</html>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester