Notifikationer

Markér alle som læst Log ud

steench Nybegynder

25. marts 2004 - 23:05 Der er 10 kommentarer og
1 løsning

Brug af position

Hej

Kan nogen forklare mig hvordan men bruger 'position' rigtigt.
Jeg har svært ved at finde ud indstillingerne(absolute,fixed,relative, static).
Kan de mixes ?

Mvh.

Steen

Synes godt om

knudgert Nybegynder

25. marts 2004 - 23:11 #1

Om absolute og relative er der en god artikkel på http://www.html.dk/tutorials/css/lektion14.asp
Fixed gør at indholdet ikke vil scrolle med, når man scroller på siden.
Kan f.eks. bruges til at placere en menu øverst i venstre hjørne, er ikke understøttet i IE, er i andre gængse browsere.
static er default indstilling og svarer til, at du ikke bruger position (derfor i almindelighed overflødig).
Elementerne vil blive vist som de er skrevet i htmlkoden.
Nej, generelt kan de ikke blandes og der vil heller ikke være behov for det.

Synes godt om

skovenborg Nybegynder

25. marts 2004 - 23:14 #2

static er det normale og uden mulighed for at placere den med left,top osv.
relative er i forhold til elementes umiddelbare placering.
absolute er i forhold til det element det ligger indeni, dog ikke hvis denne er static. Mange tror fejlagtigt det er i forhold til siden, men hvis man tager følgende eksempel:
<body>
<div style="position:relative;left:100px;top:100px;">
<span style="position:absolute;left:40px;top:-10px;">SPAND</span>
</div>
vil span-elementet blive placeret i forhold til kanten af div-elementet og ikke body'en, da div-element er placeret med position:relative.

fixed fungerer ligesom absolute, men har altid den samme position på skærmen, og scroller altså med siden hvis man ruller op eller ned. Virker dog ikke i IE.

Synes godt om

skovenborg Nybegynder

25. marts 2004 - 23:17 #3

den officiele forklaring er her (kan dog være lidt svær at forstå):
http://www.w3.org/TR/CSS2/visuren.html#propdef-position

Synes godt om

mik789 Nybegynder

26. marts 2004 - 00:17 #4

de kan ikke mixes, men de kan bruges sammen. F.eks. kan det være smart at lægge en boks med position: relative uden om et element med position: absolute. For så kan man angive top og left i forhold til dette omgivende element i stedet for bare i forhold til vinduet (som jo forandrer sig ved resize).

Synes godt om

olebole Juniormester

26. marts 2004 - 00:17 #5

<ole>

Havde det yderste div i skovenborgs eksempel _ikke_ været positioneret, ville inner-div'et have placeret sig i forhold til body-elementet - da dette som default regnes som værende positioneret.
Nu _er_ det positioneret - og inner div'et placerer sig derfor i forhold til dette.

Det var der egentlig ikke noget nyt i - men det kan måske tydeliggøregøre forskellen :)

/mvh
</bole>

Synes godt om

mik789 Nybegynder

26. marts 2004 - 00:18 #6

ups... det var jo præcis hvad skovenborg allerede nævnte 25/03-2004 23:14:19

men, ja, han har jo så ret...

Synes godt om

mik789 Nybegynder

26. marts 2004 - 00:19 #7

hvor er vi dog enige allesammen ... ;-)

Synes godt om

mik789 Nybegynder

26. marts 2004 - 00:28 #8

jeg har i øvrigt en lille demo af netop dette med relative og absulute her: http://e-tidsskrift.dk/dev/position.php

Synes godt om

bjoarn Nybegynder

26. marts 2004 - 14:55 #9

Jeg prøver mig også lige med en lille forklaring, håber det bliver en tilføjelse og ikke en forvirring af emnet...

Relative følger det normale siteflow, dvs placere sig som et hvert andet element. Man har dog mulighed for at sætte parametre som "top", "left", "z-index", "overflow" m.fl. som ikke kan sættes på elementer uden position (relative/absolute).
Der er også flere små IE-bugs som kan løses ved at sætte position:relative; på elementet.

Absolute sætter sig ud over siteflowet, og vil placere det pågældende element i forhold til det ovenstående tag (i element-hirakiet), som har parametret position:absolute/relative. Hvis ingen tag's har det, så placere elementet sig i forhold til body'en (dvs øverste venstre hjørne).

//bjoarn

Synes godt om

olebole Juniormester

26. marts 2004 - 21:12 #10

Mjaaahhhh .... dette er ikke korrekt:

"Absolute sætter sig ud over siteflowet, og vil placere det pågældende element i forhold til det ovenstående tag (i element-hirakiet), ..."

Det er ikke det forgående element i hierakiet (previous-sibling-elementet), men derimod det omkransende (parent-elementet), der afgør, hvordan positioneringen skal fortolkes.

Og så er der i øvrigt andre bugs i Mozilla, der kan 'repareres', hvis man sætter positioneringen til 'relative' - men den slags detaljer er en helt anden diskusion :)
/mvh

Synes godt om

steench Nybegynder

02. april 2013 - 11:09 #11

lukker

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS