webForumDet fria alternativet

Absolut positionering - CSS

6 svar · 303 visningar · startad av SimOnline

SimOnlineMedlem sedan juli 20031 132 inlägg
#1

Jag håller på med en hemsida som är 600px bred och ligger centrerad. Nu är det så att jag vill lägga till ett lager och ha en bestämd position på det. Det är ju inte någe svårt att bestämma hur långt från överkanten den ska ligga men hu gör man i sidled? Alltså hur anger jag antalet px från mitten? Det skulle ju kunna gå att lägga själva innehållet i en ram med fast bredd som ligger i mitten, men jag vill undvika ramar så gott det går. Några förslag?

Nexus86Medlem sedan okt. 20023 030 inlägg
#2

En div som är absolutpositionerad kan inte flytta sig dynamiskt, d.v.s den kan inte ligga centrerad hela tiden. Då är den inte längre absolutpositionerad.

R// Såvida du inte vill ha den diven inuti den andra med positioneringen från den andra divens översta vänstra hörn?

SimOnlineMedlem sedan juli 20031 132 inlägg
#3

Ja just det, vad dum jag är, jag sätter ju bara den nya diven i förhållande till den stora. Tack så mycket. Men jag har lite taskig erfarenhet av relativ positionering, skulle du kunna ge ett kodexempel?

Nexus86Medlem sedan okt. 20023 030 inlägg
#4

Prova följande:

<div style="width: 600px; height: 450px; [b]clip: rect(0px 600px 450px 0px)[/b]">
<div style="position: absolute; left: 30px; top: 20px">Innehåll</div>
</div>

Det gör så att den andra div:en hamnar 30 pixlar från första divens vänstra kant och 20 pixlar från första divens övre kant. :)

R// Hade visst glömt avsluta en B-tagg. :r

SimOnlineMedlem sedan juli 20031 132 inlägg
#5

Okej, tack så mycket! Vad gör "clip"? Är det den som ser till att den absoluta positioneringen utgår från den diven istället för från webläsaren?

Nexus86Medlem sedan okt. 20023 030 inlägg
#6

Precis. :)

R// [HINT] http://www.webforum.nu/showthread.php?s=&threadid=85744&forumid=12 punkt nummer 6 [/HINT] ;)

SimOnlineMedlem sedan juli 20031 132 inlägg
#7

Skitbra, tack så hemskt mycket!

123 ms totalt · 3 externa anrop · v20260731065814-full.0e50b1ef
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
121 ms — hämta tråd, inlägg och bilagor (db)