Avatar billede aruchri Nybegynder
22. marts 2008 - 18:04 Der er 7 kommentarer

absolute: position;

Hej
på dette site: http://www.arun.dk/exam/exam.php

har jeg disse to:

#logo {
    background-image:url(img/logo.gif);
    background-repeat:no-repeat;
    overflow:hidden;
    height:80px;
    width:150px;
    margin-top:70px;
    margin-bottom:0px;
    margin-left:420px;
    padding:0px;
   
    position: absolute;
    z-index:2px;
    left:-30px;
    top:-10px;
         
}

#rotate {
   
    background-repeat:no-repeat;
    overflow:hidden;
    height:80px;
    width:150px;
    margin-top:450px;
    margin-bottom:0px;
    margin-left:1000px;
    padding:0px;
   
    position:absolute;
    z-index:2px;
    left:-30px;
    top:-10px;
}

Når jeg resizer mit vindue, forbliver de på samme position. Det ser ikke særlig fedt ud. Men når jeg prøver position:inherit eller noget andet, så går det slet ikke. Nogle tips til hvordan det kan "flyde" med resten af sitet?
Avatar billede aruchri Nybegynder
22. marts 2008 - 18:05 #1
Og selvfølgelig bør overskriften være: "position:absolute;"
Avatar billede olebole Juniormester
22. marts 2008 - 18:16 #2
<ole>

Jeg forstår ikke, hvad du vil med 'position:inherit', men du må vel mene noget med det, siden du bruger det  :)

Generelt gælder følgende: Et absolut positioneret element placerer sig i forhold til det første, omkransende element, der er positioneret relativt eller absolut.
Findes et sådan omkransende element ikke, placerer det sig i stedet i forhold til body-elementet - hvilket er det, der sker for dig.

Prøv f.eks:

<div style="position:relative;width:500px;height:500px;margin:0 auto;background:yellow">
    <div style="position:absolute;right:0;top:175px;background:red">Bla</div>
</div>

/mvh
</bole>
Avatar billede aruchri Nybegynder
22. marts 2008 - 21:00 #3
Hvor skal dit forslag stå, inde i body delen eller i css'en?
Avatar billede olebole Juniormester
23. marts 2008 - 03:03 #4
i body'en
Avatar billede aruchri Nybegynder
23. marts 2008 - 13:21 #5
Det bringer ikke nogle nye resultater frem.
Avatar billede olebole Juniormester
23. marts 2008 - 14:16 #6
Nej, det var sandelig heller ikke tanken. Det var for at vise dig, hvordan relativ og absolut positionering bruges sammen - og hvordan du får absolut positionerede elementer til at følge flow'et
Avatar billede aruchri Nybegynder
23. marts 2008 - 14:24 #7
jeg er lidt forvirret, for jeg kopierede blot dit forslag ind i stedet for mit div id= logo, men hvis jeg skal teste det her og se hvordan den fungerer, hvad skal så ændres i css'en?
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