olesen skrev:
> Hej Alle
>
> Jeg er lidt "grøn" i brugen af CSS, og er så faldet over absolut /
> relativ positionering, er det noget I bruger?
>
> Bruger I disse funktioner, og hvornår kan de anbefales / frarådes?
Position-egenskaben kan have følgende værdier:
static, hvor elementet bliver på sin plads;
relative, hvor elementet rykkes i forhold til sin
plads i elementernes omløb til en ny position, der gives
ved top, right, bottom eller left;
absolute, hvor elementet placeres i forhold til det over-
ordnede element, hvis dette har en position-egenskab andet
end static, eller i forhold til body-elementet.
fixed, hvor elementet placeres i forhold til browser-
vinduets indholdsrude.
Postion:fixed kan således placere et element,
så det altid er synligt i browservinduet, uanset
om der scrolles. Beklageligvis vil IE<7 fortolke
position:fixed som position:static. Et remedium
til at ændre på dette er omtalt på denne side:
http://webdesign101.dk/ie7/eksempler/
Postion-egenskaben anvendes til en række formål,
for eksempel at placere to elementer oven på hinanden.
En del er også glade for position til layout:
div#indhold {
margin-left:200px;
....
}
div#menu {
position:absolute;
left:10px;
top:0;
width:180px;
}
Dette minimale stylesheet sørger
for en bred margin på et element med
en id="indhold". Den absolut positionerede
menuspalte vil være synlig i denne margin.
OBS at et absolut positioneret element udgør
et lag, der svæver over websiden og ikke har
nogen udstrækning andet end den indholdet
medfører, subsidiært sættes ved hjælp af width
og height.
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets:
http://webdesign101.dk/cssbog/
..