Hi, I have a content div (div1) which sits central to the page by use of auto margins. Within this div are 3 divs (div1a, div1b, div1c) in a 3 column format. div1a is a sub nav div, it needs to sit on the left side of div1. div1b is the main page content, it sits in between the other two divs. div1c is a narrow column populated dynamically (by php) with links to documents, other articles etc, it needs to sit on the right side of div1.
Observe;
The problem is that div1's height needs to be dependent on the content from div1b. At the moment div1a is float:left, and div1c is float:right. What happens is that div1b assumes the full width of div1, presumably because div1a and div1c are floating. This causes wrapping of the content in div1b around the other two divs (becuase the other two divs aren't assuming full height of div1). This isn't good.
div1a and div1c need to be full height of div1 (which, as previously stated, is dynamically attributed by the content of div1b). Even simpler; div1a, div1b and div1c need to be the same height.
I'm aware that I could affix definite widths to all 3 divs and have them sit next to eachother within the fixed width of div1, but some pages on the site will not have div1c, so div1b needs to have a variable width.
So how do I do it?
Observe;

The problem is that div1's height needs to be dependent on the content from div1b. At the moment div1a is float:left, and div1c is float:right. What happens is that div1b assumes the full width of div1, presumably because div1a and div1c are floating. This causes wrapping of the content in div1b around the other two divs (becuase the other two divs aren't assuming full height of div1). This isn't good.
div1a and div1c need to be full height of div1 (which, as previously stated, is dynamically attributed by the content of div1b). Even simpler; div1a, div1b and div1c need to be the same height.
I'm aware that I could affix definite widths to all 3 divs and have them sit next to eachother within the fixed width of div1, but some pages on the site will not have div1c, so div1b needs to have a variable width.
So how do I do it?
Last edited: