Nesting divs 1

[ChrisRChamberlain]

Hi all

Have a page with three divs, .header, .middle and .footer, all with position:relative.

Would like to divide .middle div into three - .left_col, width 150px, .right_col, width 150px and .middle_col, width being document.width - width of .left_col - width of .right_col, no divs having a fixed height.

Uncertain as to position:xxxxxxxx and expression for .middle_col width?

TIA

FAQ184-2483 - answering getting answered.​

Chris
PDFcommander^tm.com
PDFcommander^tm.co.uk

 

[ChrisHirst]

Try using this (or a variation of it)
CSS Code

#col_left {
position:relative;
float:left;
width:150px;
}
#col_right {
position:relative;
float:right;
width:150px;
}
#col_centre {
position:relative;
float:left;
width:auto;
}
#ctr_block {
position:relative;
float:left;
width:100%;
}

Page Code

<div id="ctr_block">
<div id="col_right">Right Hand column</div>
<div id="col_left">Left Hand column</div>
<div id="col_centre">Center Content column

</div>
</div>

Chris.

Indifference will be the downfall of mankind, but who cares?

http://www.candsdesign.co.uk

A website that proves the cobblers kids adage.

http://www.cram-system.com

Nightclub counting systems

So long, and thanks for all the fish.

 

[ChrisRChamberlain]

Thanks Chris - it was the float:xxxxx and width:auto that was missing.

FAQ184-2483 - answering getting answered.​

Chris
PDFcommander^tm.com
PDFcommander^tm.co.uk