Msg#: 4529877 posted 12:32 pm on Dec 20, 2012 (gmt 0)
I have a website designed on a DW template, which has a couple of hundred pages and I am trying to do a redesign by changing the template and the CSS so that all pages will update.
One of the problems is that I currently have two separate divs as columns in the main content area and on most pages the right column only has a small amount of content versus lots of content on the main, left column. This means that the right column has lots of blank space.
What I would like to do is make the left column stretch under the right when content ends on the right. In other words make the left column full width when the right column ends.
It would be a simple layout if I was starting from scratch but I am trying to do this so that the DW template updates all the pages for me. I don't want to have to go in and make manual changes to all the pages.
Msg#: 4529877 posted 1:59 pm on Dec 21, 2012 (gmt 0)
If the right column was floated and the left column not floated then content would naturally flow underneath the right column and fill the whole page when it got to that position.
The problem would be that any items in the left column that you apply the "clear" property to would cause the cleared content to drop below the height of the right column.
If you have no such elements in the left column then just not floating the left column and not applying widths to the left column will do what you want (assuming you haven't built the whole thing in tables or absolutely positioned elements.)
Msg#: 4529877 posted 2:44 pm on Dec 22, 2012 (gmt 0)
I think I have figured a compromise for this in DW. I have created a new right column div (identical to the original) as an editable region. If I apply the template to the pages DW tells me that there is no region defined for the original content and asks me where I want to put it. If I tell it to put it in the new div it seems to do what I want.