Date: 06/27/05 (WebDesign)    Keywords: web

Hi,

I'm trying to create a web page with two div columns that are equal width, 50% of the page. Below these I want a 3rd div that is 100% of the page width so the layout will look something like this with the full stops representing content space (sorry for the truly awful diagram):

|------|------|
|.........|.........|
|..1.....|...2....|
|.........|.........|
|------|------|
|........3.........|
|------|------|

Is there any way to position the 3rd div so that it begins where the tallest of the 2 divs above it ends? White space in the other column isnt an issue for us. I'm using external style sheets for layout.

Source: http://www.livejournal.com/community/webdesign/914816.html