/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Relative position in static box
Fra : Lasse Reichstein Nie~


Dato : 18-02-02 00:38


Jeg prøvede at lave en kasse med noget tekst i. Ideen var at lave
en <div> box og placere teksten i den med position:absolute.
Ifølge det jeg læste, så skulle den absolutte position være relativt
til den omkringliggende box, så positionerne bliver relativt til <div>en.

Resultatet var dog at positionen blev relativt til dokumentets start,
både i Opera 6 og IE 6.
Lidt søgning viste at det var det Microsoft sagde skulle ske hvis
<div>en var placeret statisk, og det forsvandt da også hvis jeg satte
<div>en til position:relative;left:0px;top:0px, som jo skulle give det
samme.

Så forsøgte jeg at læse CSS2 specifikationen, og der kunne jeg ikke se
nogen undtagelse for statiske omkrandsende boxe. Er der noget jeg har
misset? Har Microsoft ret? :)

Venligst
/L

 
 
mola (18-02-2002)
Kommentar
Fra : mola


Dato : 18-02-02 01:51

"Lasse Reichstein Nielsen" <lrn@hotpop.com> skrev i en meddelelse
news:eljjvfvi.fsf@hotpop.com...
>
> Jeg prøvede at lave en kasse med noget tekst i. Ideen var at lave
> en <div> box og placere teksten i den med position:absolute.
> Ifølge det jeg læste, så skulle den absolutte position være relativt
> til den omkringliggende box, så positionerne bliver relativt til
<div>en.
>
> Resultatet var dog at positionen blev relativt til dokumentets
start,
> både i Opera 6 og IE 6.
> Lidt søgning viste at det var det Microsoft sagde skulle ske hvis
> <div>en var placeret statisk, og det forsvandt da også hvis jeg
satte
> <div>en til position:relative;left:0px;top:0px, som jo skulle give
det
> samme.
>
> Så forsøgte jeg at læse CSS2 specifikationen, og der kunne jeg ikke
se
> nogen undtagelse for statiske omkrandsende boxe. Er der noget jeg
har
> misset? Har Microsoft ret? :)
>
> Venligst
> /L



Er ikke helt sikker på at spørgsmålet er forstået, men tag et kig på
http://mola.homepage.dk/css2/position.html

Virker det ikke som forventet?

Hvis det er totalt misforstået, kan du så angive en url?

mvh
mola



Lasse Reichstein Nie~ (18-02-2002)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 18-02-02 04:51

"mola" <mola@vip.cybercity.dk> writes:
> Er ikke helt sikker på at spørgsmålet er forstået, men tag et kig på
> http://mola.homepage.dk/css2/position.html
>
> Virker det ikke som forventet?

Ja, det virker som forventet. Det, for mig, uforventede sker hvis
"container" er position:static istedet for position:absolute. I det
tilfælde bliver "box1" og "box2" placeret i forhold til dokumentet
istedet for i forhold til "container". Dette kan ses hvis du ændrer
container til static og margins til noget synligt, fx 10.

> Hvis det er totalt misforstået, kan du så angive en url?

Ikke misforstået, men se alligevel:

http://www.daimi.au.dk/~lrn/position.html

Her er "Tekst 1" og "Tekst 2" begge placeret absolut med left:200 og top:20.
Den øverste kasse er position:static og den nederste position:relative med
offsets på 0. Her placeres Tekst 1 igen i forhold til dokumentet og ikke i
forhold til den omkransende box.

Mit spørgsmåle var om dette er den forventede opførsel, og i så tilfælde
hvor i CSS2 definitionen det står?.

Jeg har siden fundet det, i afsnit 9.8.4
(http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html)

"The containing block for a positioned box is established by the
nearest positioned ancestor (or, if none exists, the initial
containing block, as in our example). "

En blok der er position:static tæller ikke, og måden at omgå det på
er at lave en relativ position uden offset. Så blev jeg også klogere
idag, om ikke andet så på at læse w3c dokumenter :)

Venligst
/L

Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408885
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste