I am starting to learn CSS and have got stuck at the first hurdle using dreamweaver!
I have 3 layers, one along the top, one underneath towards the left and then another on the right of this. I would like all these alligned in the middle when the site is viewed at different resolutions.
My css code is:
<style type=”text/css”>
<!–
#Top {
position:absolute;
left:104px;
top:28px;
width:792px;
height:183px;
z-index:1;
border: 1px solid #0066FF;
background-color: #FFFFFF;
}
#Left {
position:absolute;
left:103px;
top:230px;
width:196px;
height:600px;
z-index:2;
border: 1px solid #0066FF;
background-color: #FFFFFF;
}
#Middle {
position:absolute;
left:326px;
top:232px;
width:569px;
height:601px;
z-index:3;
border: 1px solid #0066FF;
font-size: 16px;
background-color: #FFFFFF;
}
body {
background-color: #D7FFFF;
}
–>
</style>
and body code is:
<body>
<div id=”Top”></div>
<div id=”Left”></div>
<div id=”Middle”></div>
</body>
</html>
I have searched the forum for help but I have only found a solution to make one layer centered but with 3 I cant seem to get it to work.
Thanks in advance for any help/pointers!
Dave