Hi there,
i am trying to create a website with div's and css styleing, what i want to do is sit 2 divisions one on top of the other, but centered to the middle of the page, so the top box will be called container, and the bottom box will be called quicklinks
an example of what im trying to achieve is http://www.whirlpool.net.au/ so i have two div boxes the top container will contain all the page info, and the bottom will have an extrernal styleing to make editing links easyier as it will be placed on each page of the website, but im not sure if its possible this way?
both div's will be 900px wide the container will have a height of 0 auto; so it grows with the content placed inside. the quicklinks div will have a height of 60px and will obviously move up and down the page under the container box when the content inside grows or shrinks.
i used the
<stlye type="text/css">
.container{<br>
position:absolute: <br>
left: 50%;<br>
width: 900px;<br>
height: 0 auto;<br>
top: 0%;<br>
margin-left: -450px;<br>
}
.quicklinks{<br>
position:static; <br>
left: 50%;<br>
width: 900px; <br>
height: 60px; <br>
margin-left: -450px; <br>
}
</style>
</head>
<body>
<div class="container"></div><br>
<div class"quicklinks"></div><br>
</div>
</body> <br>
</html>
and this code above will bring the container box to the very center of the page but the quicklinks div will sit over the top of this and i need it to fall under it.
<stlye type="text/css">
.container{<br>
width: 900px;<br>
height: 0 auto;<br>
top: 0%;<br>
}
.quicklinks{<br>
position:static; <br>
width: 900px; <br>
height: 60px; <br>
}
</style>
</head>
<body>
<div class="container"></div><br>
<div class"quicklinks"></div><br>
</div>
</body> <br>
</html>
this code above will bring the quicklinks div under the container but both will sit at the top left corner, i can get it to look like its in the center but i want it to acturley find the center per browser.
so could any one please help with this,
- am i usign the correct way of scripting to achieve this, and if so
- what am i missing out to correct the problem?
cheers paul