webForumDet fria alternativet

Positionering

1 svar · 375 visningar · startad av Peeer

PeeerMedlem sedan mars 20025 362 inlägg
#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>
PeeerMedlem sedan mars 20025 362 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!

Genererad på 366 ms · cache AV · v20260730165559-full.f96bc7eb