Welcome to WebmasterWorld Guest from 54.224.91.58

Forum Moderators: not2easy

Message Too Old, No Replies

Changing layout problem.

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

Senior Member

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

joined:Feb 3, 2004
posts: 6130
votes: 20


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)

Senior Member from US 

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

joined:Mar 31, 2002
posts:7577
votes: 2


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)

Senior Member

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

joined:Feb 3, 2004
posts: 6130
votes: 20


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

Junior Member

10+ Year Member

joined:May 28, 2003
posts:198
votes: 4


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)

New User

joined:Dec 21, 2012
posts:6
votes: 0


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

Senior Member

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

joined:Feb 3, 2004
posts: 6130
votes: 20


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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members