Utgå ifrån centrum?

2 svar · 184 visningar · startad av Jesper T 2 feb. 2003

Jesper TMedlem sedan nov. 20017 144 inlägg

2 feb. 2003 01:54#1

Jag använder lager som är centrerade på sidan men eftersom att ett lager skall överlappa ett annat på en speciell punkt så går det inte att sätta poisition:absolute med ett speciellt "top,left-värde".
(Det överlappande lagret flyttar på sig i sidled då man ändrar skärmens(läs webläsarfönstrets) storlek.

 ___________
|        [red]___[/red]|[red]__[/red]
|       [red]|      |[/red]
|       [red]|______|[/red]
|__________|

Går det på någe vis att sätta ett värde i "position" som relaterar till mitten i webläsarfönstret?

Peter SMedlem sedan dec. 20025 483 inlägg

2 feb. 2003 13:14#2

Någonting sådant här kanske:

<style type="text/css">
<!--

#foo {
	background : #baa;
	position : absolute;
	height : 250px;
	width : 400px;
	left : 50%;
	top : 50%;
	margin : -125px 0 0 -200px;	
}

#bar {
	background : #aab;
	position : absolute;
	height : 100px;
	width : 200px;
	left : 50%;
	top : 50%;
	margin : -50px 0 0 100px;
}

-->
</style>

<body>

<div id="foo"></div>
<div id="bar"></div>

</body>

Jesper TMedlem sedan nov. 20017 144 inlägg

2 feb. 2003 13:59#3

Perfekt! Precis vad jag menade.