Tarvitsisin vähän apua divien asemointiin.
Divit pitäisi olla asemoituna näin: http://i11.aijaa.com/b/00621/9077082.png
Musta väri kuvassa on sivuston taustaväri. Valkoinen elementti (1) on sivuston pääelementti, jonka sisälle kaikki sisältö tulee. Ainoa poikkeus on elementti 2, minkä pitäisi mennä pääelementin yli kuvan mukaisesti. Vieressä oleva divi nro 3 saatanee float: left;:llä. Divin numero 2 pitäisi sitten pysyä samassa kohtaa vaikka selaimen ikkunaa muuttaisi miten eli osittain divin nro 1 päälle ja divin nro 3 vieressä.
Siinä olisi yksi tapa toteuttaa tuo, tässä palkki (div2) ei liiku sivua scrollattaessa kyllä jos sitä tarkotit. Käyttää diveille 2 ja 3 absoluuttista sijaintia niiden pää elementtiin nähden.
http://kahek.net/test/index.html
Html:
<body>
<div id="d1">
<p>DIV 1</p>
<div id="d2">
<p>DIV 2</p>
<div id="d3">
DIV 3
</div>
</div>
</div>
</body>Css:
root {
display: block;
}
body
{
background-color: black;
padding:0;
margin:0;
}
div
{
padding:5px;
}
div#d1
{
height: 600px;
width:600px;
margin-left:85px;
background-color: white;
border-radius:20px;
}
div#d2
{
width: 400px;
height: 80px;
position: absolute;
top:150px;
left:10px;
background-color: lightblue;
border-radius:20px;
}
div#d3
{
height: 80px;
width: 60px;
position: absolute;
top:0;
left:360px;
background-color: blue;
}Aihe on jo aika vanha, joten et voi enää vastata siihen.