|
| CSS position:absolute inde i en div? Fra : Frank K. Jensen |
Dato : 21-11-02 14:45 |
|
Hejsa
Kan man ikke lave en "position:absolute" men hvor referencen er en anden div
og ikke hele siden? Fik I den, eller skal jeg lige prøve igen?
mvh Frank
| |
Niels Andersen (21-11-2002)
| Kommentar Fra : Niels Andersen |
Dato : 21-11-02 15:26 |
|
Frank K. Jensen wrote in <ario7j$sau$1@news.net.uni-c.dk>:
> Kan man ikke lave en "position:absolute" men hvor referencen er en anden
> div og ikke hele siden? Fik I den, eller skal jeg lige prøve igen?
<div style="position: relative">
<div style="position: absolute; top: 10px; left: 10px;">
</div>
</div>
Den inderste DIV er positioneret i forhold til den yderste.
--
Mvh.
Niels Andersen
(la nels. anersyn.)
| |
Frank K. Jensen (21-11-2002)
| Kommentar Fra : Frank K. Jensen |
Dato : 21-11-02 15:40 |
|
> > Kan man ikke lave en "position:absolute" men hvor referencen er en anden
> > div og ikke hele siden? Fik I den, eller skal jeg lige prøve igen?
>
> <div style="position: relative">
> <div style="position: absolute; top: 10px; left: 10px;">
> </div>
> </div>
>
> Den inderste DIV er positioneret i forhold til den yderste.
Hmm, jeg skulle bare have prøvet aligevel Jeg havde forstået det sådan
at "position:absolute" *altid* brugte siden som reference, men der kan man
bare se
mvh Frank
| |
Frank K. Jensen (21-11-2002)
| Kommentar Fra : Frank K. Jensen |
Dato : 21-11-02 15:45 |
|
> > > Kan man ikke lave en "position:absolute" men hvor referencen er en
anden
> > > div og ikke hele siden? Fik I den, eller skal jeg lige prøve igen?
> >
> > <div style="position: relative">
> > <div style="position: absolute; top: 10px; left: 10px;">
> > </div>
> > </div>
> >
> > Den inderste DIV er positioneret i forhold til den yderste.
>
> Hmm, jeg skulle bare have prøvet aligevel Jeg havde forstået det sådan
> at "position:absolute" *altid* brugte siden som reference, men der kan man
> bare se
Ok, grunden til at jeg troede, at det ikke virkede, var, at det ikke virker,
hvis man ikke sætter "position" på den ydre div. Så bruger den nemlig bare
hele siden som reference.
mvh Frank
| |
Jens Gyldenkærne Cla~ (21-11-2002)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 21-11-02 15:50 |
|
Frank K. Jensen skrev:
> Hmm, jeg skulle bare have prøvet aligevel Jeg havde
> forstået det sådan at "position:absolute" *altid* brugte siden
> som reference, men der kan man bare se
Prøv at se
< http://www.w3.org/TR/REC-CSS2/visuren.html#absolute-positioning>:
,----
| In the absolute positioning model, a box is explicitly offset with
| respect to its containing block.
| ....
| Fixed positioning is a subcategory of absolute positioning. The
| only difference is that for a fixed positioned box, the containing
| block is established by the viewport
`----
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Frank K. Jensen (21-11-2002)
| Kommentar Fra : Frank K. Jensen |
Dato : 21-11-02 16:00 |
|
> Prøv at se
> < http://www.w3.org/TR/REC-CSS2/visuren.html#absolute-positioning>:
>
> ,----
> | In the absolute positioning model, a box is explicitly offset with
> | respect to its containing block.
> | ....
> | Fixed positioning is a subcategory of absolute positioning. The
> | only difference is that for a fixed positioned box, the containing
> | block is established by the viewport
> `----
Ja, men
-----
bla bla bla
bla bla bla
osv.
<div>
<div style="position: absolute; top: 10px; left: 10px;">
</div>
</div>
-----
sætter ikke den inderste div inde i den yderste, hvis ikke at den yderste
har fået sat "position".
Hvad har jeg misset her så?
mvh Frank
| |
Lasse Reichstein Nie~ (22-11-2002)
| Kommentar Fra : Lasse Reichstein Nie~ |
Dato : 22-11-02 20:20 |
|
"Frank K. Jensen" <fkj@ifa.au.dk> writes:
> -----
> bla bla bla
> bla bla bla
> osv.
> <div>
> <div style="position: absolute; top: 10px; left: 10px;">
> </div>
> </div>
> -----
>
> sætter ikke den inderste div inde i den yderste, hvis ikke at den yderste
> har fået sat "position".
Det skal den heller ikke.
Fra afsnit 10.1:
---
If the element has 'position: absolute', the containing block is
established by the nearest ancestor with a 'position'other than
'static', in the following way:
---
(<URL: http://www.w3.org/TR/REC-CSS2/visudet.html#containing-block-details>)
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'
| |
Frank K. Jensen (23-11-2002)
| Kommentar Fra : Frank K. Jensen |
Dato : 23-11-02 12:16 |
|
> > -----
> > bla bla bla
> > bla bla bla
> > osv.
> > <div>
> > <div style="position: absolute; top: 10px; left: 10px;">
> > </div>
> > </div>
> > -----
> >
> > sætter ikke den inderste div inde i den yderste, hvis ikke at den
yderste
> > har fået sat "position".
>
> Det skal den heller ikke.
> Fra afsnit 10.1:
> ---
> If the element has 'position: absolute', the containing block is
> established by the nearest ancestor with a 'position'other than
> 'static', in the following way:
> ---
>
(<URL: http://www.w3.org/TR/REC-CSS2/visudet.html#containing-block-details>)
Takker
mvh Frank
| |
Jens Gyldenkærne Cla~ (21-11-2002)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 21-11-02 16:34 |
|
Frank K. Jensen skrev:
> <div>
> <div style="position: absolute; top: 10px; left: 10px;">
> </div>
> </div>
> sætter ikke den inderste div inde i den yderste, hvis ikke at
> den yderste har fået sat "position".
Det ser mystisk ud. Jeg kan ikke give et godt svar - kun et
eksempelside < http://damu.dk/jc/usenet/position.html> som i øvrigt
ser vidt forskellig ud i Mozilla og IE. Sætter man position:
absolute på den første div bliver de vist ens.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Frank K. Jensen (21-11-2002)
| Kommentar Fra : Frank K. Jensen |
Dato : 21-11-02 21:24 |
|
> > <div>
> > <div style="position: absolute; top: 10px; left: 10px;">
> > </div>
> > </div>
>
> > sætter ikke den inderste div inde i den yderste, hvis ikke at
> > den yderste har fået sat "position".
>
> Det ser mystisk ud. Jeg kan ikke give et godt svar - kun et
> eksempelside < http://damu.dk/jc/usenet/position.html> som i øvrigt
> ser vidt forskellig ud i Mozilla og IE. Sætter man position:
> absolute på den første div bliver de vist ens.
Hmmm, ja det ser lidt underligt ud i NS7.
mvh Frank
| |
Knud Gert Ellentoft (21-11-2002)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 21-11-02 15:27 |
|
"Frank K. Jensen" <fkj@ifa.au.dk> skrev :
>Kan man ikke lave en "position:absolute" men hvor referencen er en anden div
>og ikke hele siden? Fik I den, eller skal jeg lige prøve igen?
Nej, men kan du ikke klare det med relative?
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
Frank K. Jensen (21-11-2002)
| Kommentar Fra : Frank K. Jensen |
Dato : 21-11-02 15:41 |
|
> >Kan man ikke lave en "position:absolute" men hvor referencen er en anden
div
> >og ikke hele siden? Fik I den, eller skal jeg lige prøve igen?
>
> Nej, men kan du ikke klare det med relative?
Nej,.... eller jo, det kunne jeg godt, men så skulle jeg ændre en masse hver
gang siden skulle opdateres.
mvh Frank
| |
Knud Gert Ellentoft (21-11-2002)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 21-11-02 15:51 |
|
"Frank K. Jensen" <fkj@ifa.au.dk> skrev :
>Nej,.... eller jo, det kunne jeg godt, men så skulle jeg ændre en masse hver
>gang siden skulle opdateres.
Men Niels lærte også mig noget.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
|
|