Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Left Column BackgroundsLeft Column Backgrounds
Previous
 
Next
New Post
3/13/2011 12:42 PM
 
Jeff M.


Joined: 7/30/2009
Posts: 422
Joe Brinkman wrote:
You could always use a table  < LetTheFlamesBegin />



PS:  And it works in all browsers

 Thanks for the reply..

I've tried tabels before and had issues with them.  If I remember correctly, namely the background colors and things..  With DIV's, they're hidden and you don't see them.  But the table row/cells, if they had a background color, they showed up even if there was no information within them.

Thanks agian.. -Jeff
 
New Post
3/13/2011 12:43 PM
 
Jeff M.


Joined: 7/30/2009
Posts: 422
Ralph Williams, Jr wrote:
Hi Jeff,

This is one of the main struggles when using Divs/CSS. The easiest fix would be to create a background image that is 1px high and the full width of the two_column div. Then set it to the background of two_column div. This will give the illusion that the left column is growing. However, I see that you have a border on the bottom of that column, so that might cause some issues.

You could use jQuery to force the columns to be equal heights. Here is a plugin that seems to do that (I haven't used it, though) http://plugins.jquery.com/project/equ...

There is a way to do it w/ CSS, but it  is quite a bit more advanced.  Here is the link for that: http://matthewjamestaylor.com/blog/eq... I have used this one before, and it wasn't extremely difficult, but it surely wasn't plug and play like the jQuery solutions looks like it could be.

Hope that helps.

 Thanks for the reply.. Didn't think about making the background for the two_column div..  Makes sense and I'll give it a try..

Always good to have another set of eyes on things to help fix odd issues..

Thanks again.. -Jeff
 
New Post
3/13/2011 1:02 PM
 
Jeff M.


Joined: 7/30/2009
Posts: 422
Ralph Williams, Jr wrote:
Hi Jeff,

This is one of the main struggles when using Divs/CSS. The easiest fix would be to create a background image that is 1px high and the full width of the two_column div. Then set it to the background of two_column div. This will give the illusion that the left column is growing. However, I see that you have a border on the bottom of that column, so that might cause some issues.

You could use jQuery to force the columns to be equal heights. Here is a plugin that seems to do that (I haven't used it, though) http://plugins.jquery.com/project/equ...

There is a way to do it w/ CSS, but it  is quite a bit more advanced.  Here is the link for that: http://matthewjamestaylor.com/blog/eq... I have used this one before, and it wasn't extremely difficult, but it surely wasn't plug and play like the jQuery solutions looks like it could be.

Hope that helps.

 Hello..
I tried what you said and created a background image with a repeat-y (all within CSS).  I had to set the height of the two_column div to 100% for the background to appear.  This is good.

BUT... The height 100% is only going with the height of the left column div, not the height of the right column div.  So, the blue background stops again half-way down.

Any ideas?  Thanks.. -Jeff
 
New Post
3/13/2011 2:24 PM
 
Ralph Williams


www.ralphwilliams.com
Joined: 2/7/2006
Posts: 95
Jeff, 

Try moving your clearing div to within the two_column div, after the right_twocolumn div. It probably isn't getting cleared properly.

Ralph Williams, Jr.
UX Designer / Front-End Web Developer
www.RalphWilliams.com
Ralph Williams Consulting
Twitter: twitter.com/ralphwilliams

Professional DNN7: Open Source .NET CMS Platform
 
 Page 2 of 2
Previous12 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Left Column BackgroundsLeft Column Backgrounds


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out