Hi all..

I have huge problem. I want to make a site with DIVīs. I have on big div (image inside) and i want to put another divs on top of it. i got it right but here is the broblem. I have to put position:static (or nothing) to the big div so it would be right in the midle of the screen and would adapt when you make the window smaler. IF the div is static another divs on top of it wont be drawn with the bif-div when resizing the window. ! if i change the big div to absolute or reltaive it wont be in the midle of the screen but the another divs will be in the right place when resizing. I want to have big div in the midle (and to adapt when resizing the window) and the litle ones to be on top if the big one and to be apple to see them all and that they will be in right places when resizing the window! (i really hope you understand what i mean..)

heres the code: (one big div with image inside and two litle divs positioned on top of it)

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(tausta2.jpg);
}
-->
</style>
<link href="uusityylilakana.css" rel="stylesheet" type="text/css">
</head>

<body>


<div class="isolaatikko" id="isolaatikko"><img src="uusietusivu.jpg" width="772" height="801"></div>
<div class="tekstilaatikko" id="tekstilaatikko1"><strong>Tuotteet</strong>: Kellot &nbsp;:: &nbsp;Korut
&nbsp;:: &nbsp;sormukset &nbsp;:: &nbsp;Hopeat &nbsp;:: &nbsp;Arvolahjat</div></body>

<div class="kuvalaatikko" id="kuvalaatikko1">
<p>blaa bla blba bla labl abl ablb alb aalb alb </p>
<p>bla lbabal blaa blah blah balalhlhh </p>
</div>
</html>


and the css:

body{text-align:center;}

.isolaatikko {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
left: auto;
top: auto;
right: auto;
bottom: auto;
width: 724px;
height: 341px;
margin-left:auto;
margin-right:auto;
text-align:left;
z-index: 1;
position: static;
}
.tekstilaatikko {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
left: 459px;
top: 159px;
right: 50px;
bottom: 300;
width: 412px;
height: 18px;
z-index: 2;
position: absolute;
}
.kuvalaatikko {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
position: absolute;
left: 241px;
top: 455px;
right: auto;
bottom: auto;
width: 536px;
}

I really hope there is someone who can help me, i have been fighting this thing for a several days now, and iīm all out of ammos..

thanks a million!
- Nora