Welcome to WebmasterWorld Guest from 54.166.224.46

Forum Moderators: not2easy

Message Too Old, No Replies

Changing layout problem.

     
12:32 pm on Dec 20, 2012 (gmt 0)

WebmasterWorld Senior Member beedeedubbleu is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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.

Can this be done?
9:30 pm on Dec 20, 2012 (gmt 0)

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Cannot be done. Think of a div as box. It cannot have more than 4 sides.
9:47 pm on Dec 20, 2012 (gmt 0)

WebmasterWorld Senior Member beedeedubbleu is a WebmasterWorld Top Contributor of All Time 10+ Year Member



That's what I was afraid of Lorax. :(
1:59 pm on Dec 21, 2012 (gmt 0)

10+ Year Member



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.)
7:10 am on Dec 22, 2012 (gmt 0)



Can not be done
2:44 pm on Dec 22, 2012 (gmt 0)

WebmasterWorld Senior Member beedeedubbleu is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month