homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Changing layout problem.

 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.

Can this be done?



 9:30 pm on Dec 20, 2012 (gmt 0)

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)

That's what I was afraid of Lorax. :(


 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.)


 7:10 am on Dec 22, 2012 (gmt 0)

Can not be done


 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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved