page layout

[unknown87]

<style type="text/css">
<!--
#header {
height: 100px;
}

#navigation {
width: 150px;
height: 400px;
}

#main {
}

#footer {
height: 100px;
}


-->
</style>
<div id="header">Header Content</div>
<div id="navigation">Navigation Content</div>
<div id="main">Main Content</div>
<div id="footer">Footer Content</div>

 

I am having problems with the layout of my page.  At the moment, the "main" div tag is being placed under the "navigation" div tag by default.  But i need the "main" div tag to be in the centre of all the other div tags.

 

Thanks in advance

[emehrkay]

You need to look into the float attribute.

 

http://css.maxdesign.com.au/floatutorial/

[unknown87]

Wow - Nice tutorial.  Thank you very much