2 svar · 184 visningar · startad av Jesper T
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?
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>
:)
Perfekt! Precis vad jag menade.