How do I position a <div> relative to a <div> wrapper?

[Londoner]

Hi,
I have created a site which uses css for structure.

I am using a div id="wrapper" to contain other divs
The design is a three column page with a header-banner running across the top of the left and centre column but with the right column stretching from the top to the bottom of the wrapper.

I want the main wrapper to be a specific width, with a variable height, and to center on the page.

To ensure that separate divs don't get out of position I thought it best to give them positions within the wrapper - relative to the wrapper. BUT cannot figure out how to do this since the wrapper's position is centered according to windows size and therefore not specific.

Please help.
Thanks for reading.

[mattmorgan]

Hi there, 3rd year interactive media student, so i dont pretend to know it all but what i use is a div wraped around that all my others like this:

css code:

#centre{
margin-left:auto;
margin-right:auto;
width:1024px;
}

div code:

< div id ="centre" >[YOUR SITE HERE]< /div >

( remove the spaces, i had to add them to make the code show up )
works for me. any good to you? if not point me in the direction of your site, and i'll check the source code, write it, then send it back.



hope it helps.

M@

[Londoner]

Originally Posted by mattmorgan Hi there, 3rd year interactive media student, so i dont pretend to know it all but what i use is a div wraped around that all my others like this: css code: #centre{ margin-left:auto; margin-right:auto; width:1024px; } div code: < div id ="centre" >[YOUR SITE HERE]< /div > ( remove the spaces, i had to add them to make the code show up ) works for me. any good to you? if not point me in the direction of your site, and i'll check the source code, write it, then send it back. hope it helps. M@

That works!

At last - I thought I'd tried everything!

[mattmorgan]

cool! any more problems drop me a line.

good luck.

M@