Avatar billede htx98i17 Professor
17. april 2010 - 11:01 Der er 7 kommentarer og
1 løsning

fixed i midten af browservindue

Jeg vil gerne vide hvordan man en fixed div til at være centreret i midten af browser-vinduet.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd" >
<html>
    <head>
        <title>Ny side</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
       
        <style type="text/css" >
       
        body {
            margin        : 0;
            padding        : 0;
            width        : 100%;
            height        : 100%;
        }
       
        #browsercentreret {
            background    : #000000;
            width        : 200px;
            height        : 200px;
           
            position    : fixed;
            margin        : auto;
       
        }
        </style>
       
    </head>

<body >

<div id="browsercentreret" ></div>


</body>
</html>
Avatar billede htx98i17 Professor
17. april 2010 - 15:31 #2
Tak for link, men det er desværre ikke en løsning der kan bruges.

Det er ikke hjemmesiden som skal være centreret men blot layeret. Og det skal være fixed.
Avatar billede trissebasse Nybegynder
17. april 2010 - 17:35 #3
Med lidt omtanke kan soze's nu godt bruges.

Det her er måske lettere at forstå:

http://www.w3.org/Style/Examples/007/menus
Avatar billede keysersoze Guru
17. april 2010 - 17:38 #4
om det er hele hjemmesiden eller kun en layer gør ingen forskel - det er samme muligheder du har. Alternativt skal du over i noget javascript og nogle beregninger derigennem. Jeg forstår ikke helt hvordan du på en og samme tid vil have det centreret og fixed?
Avatar billede htx98i17 Professor
17. april 2010 - 19:19 #5
Meningen er at et layer med 100% width og 100px høj, skal være midt på siden hele tiden selvom man scroller. :)

Jeg giver point for et kodeeksempel.
Avatar billede trissebasse Nybegynder
17. april 2010 - 22:39 #6
OK... Her har du noget at lege med:

CSS:

#content {
    margin: 100px auto 0px auto;
    width: 500px;
    }

#fix {
    position: fixed;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    }

#browsercentreret {
    margin: -50px 0px 0px 0px;
    position: fixed;
    width: 100%;
    height: 100px;
    }


HTML:

<div id="content">
   
        <div id="fix">
           
            <div id="browsercentreret">

            </div>
               
        </div>
       
    </div>
Avatar billede trissebasse Nybegynder
22. juni 2010 - 23:18 #7
Over 2 måneder siden du fik et kodeeksempel... Der virker!

Så nu er det vist lukketid :-)
Avatar billede htx98i17 Professor
30. juni 2010 - 19:37 #8
tak for deltagelsen
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