webForumDet fria alternativet

Positionering

HTML & CSS

1 svar · 377 visningar · startad av Peeer

Medlem sedan mars 20025 907 inlägg
Frågan#1

Afton!
Jag har ett lager ("login") som ligger i ett annat lager ("container"). Containerlagret är centrerat i X-led mha

margin: 0 auto;

Nu vill jag placera login-lagret på ett exakt ställe inom containern, utan att påverka något av det andra som ligger i containerlagret. Först tänkte jag på

position:absolute
alternativt
position:relative

men absolutevarianten utgår från fönsterhörnet (blir alltså svårt att positionera i x-led då containerlagret flyttas om man ändrar fönsterstorleken) och relative-varianten flyttar de andra sakerna i containerlagret. Så, hur gör man? :)

<html>
<body>
<div id="container">
	<div id="login">Lagret som ska placeras</div>
	<p>Annat innehåll som inte ska påverkas av logins-position</p>
</div>
</body>
</html>
Medlem sedan mars 20025 907 inlägg
#2

Själv är bästa dräng!
Centrera containerlagret mha

#container { background-color: #fff;
			width: 702px;
			position: absolute;
			margin-left: 50%;
			top: 10px;
			left: -351px;}

så kan man använda sig av absolutepositionering sen. Strålande!

258 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)