Avatar billede myanimalfarm Nybegynder
04. oktober 2003 - 14:55 Der er 8 kommentarer og
1 løsning

layer position

Har et lidt fjollet spørgsmål, troede aldrig jeg ville komme ud for at skulle sidde og bøvle med dette, men: Hvordan sikrer man sig at et lag er på midten af skærmen lige meget hvilken opløsning brugeren har.

Har prøvet at indsætte laget i endnu et div tag og sætte align til center men den centerer selvfølgelig efter lagets øverste venstre hjørne så det hjælper ikke. Har også forsøgt noget css noget uden synderligt held. Er jeg helt på gale spor og gør jeg det i virkeligheden meget mere besværligt end det er, kan nogen hjælpe?!?!?!?!
Avatar billede thor.ostergaard Nybegynder
04. oktober 2003 - 15:05 #1
Jeg har også bøvlet lidt med det - prøv at kigge på http://www.alleroedspejderne.dk/ - der har jeg løst udfordringen - med en tabel!

Jeg ved ikke om det er den mest elegante løsning, men den virker ;-)
Avatar billede myanimalfarm Nybegynder
04. oktober 2003 - 15:13 #2
desværre kan mit indhold ikke ligges i en tabel :-( er nødt til at finde en måde at centrere laget...
Avatar billede thor.ostergaard Nybegynder
04. oktober 2003 - 16:13 #3
Kan du ikke have et layer med dit indhold inde i en tabel?
Avatar billede thor.ostergaard Nybegynder
04. oktober 2003 - 16:26 #4
Sådan her kan du lave vandret centrering:
<!--
.test        { position: relative; width: 100; height: 100;
              background-color: #00FFFF }
-->
</style>
</head>

<body>
<center>
<div class="test">
Hej
</div>
</center>
</body>
Avatar billede thor.ostergaard Nybegynder
04. oktober 2003 - 16:28 #5
Du skal nok også lige have en align="left" i div tagget for at sikre at teksten kommer til at stå fornuftigt der
Avatar billede kaptajnb Nybegynder
09. oktober 2003 - 04:33 #6
Det er muligt at positionere et div i absolut størrelse på følgende måde. Trikket er at bruge negative magener til at definere centeret på siden. Den ydre div er således container for den indre div der holder content. 


  DIV.ydre
      {
      position:absolute;
      left:50%;
      top:50%;
      width:300px; /* mindre end mindste skærmbredde */
      height:300px; /* mindre end mindste skærmbredde */
      margin-left:-150px; /* negative værdi af bredden ovenfor */
      margin-top:-150px; /* negative værdi af højden ovenfor */
      }
     
     
    DIV.indre
      {
      position:absolute;
      left:50%;
      top:50%;
      width:100px;
      height:100px;
      margin-left:-50px;
      margin-top:-50px;
      }

-------

<html>
<head>
</head>
<body>
<div class="ydre">
centreret på siden
<div class="indre">
centreret i ydre div
</div>
</div>
</body>
</html>

/KaptajnB
Avatar billede kaptajnb Nybegynder
10. oktober 2003 - 13:19 #7
in case du kan få ovenstående til at virke - ellers vend tilbage...
Avatar billede myanimalfarm Nybegynder
29. november 2003 - 16:15 #8
hey Thor, fik endelig tid til at arbejde lidt på mit EGET projekt og fik afprøvet dit:

<!--
.test        { position: relative; width: 100; height: 100;
              background-color: #00FFFF }
-->
</style>
</head>

<body>
<center>
<div class="test">
Hej
</div>
</center>
</body>

Det virker præcis som jeg vil have det og er jo egentlig vildt enkelt, THANKS!!

Skal jeg ikke lige kyle nogle points efter dig?? :-)
Avatar billede thor.ostergaard Nybegynder
29. november 2003 - 20:56 #9
Dejligt at høre.
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
Kurser inden for grundlæggende programmering

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