Results 1 to 5 of 5

Thread: Equalcolumns

  1. #1
    Join Date
    Jul 2013
    Posts
    13
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Equalcolumns

    I use the equalcolumns.js for a 2 column layout, which looks good on the desktop. On mobile devices the pages where the content column is long and the sidebar column is short it keeps the equal columns, but now they should not be equal because the sidebar column has a lot of blank space before the footer appears. Is it possible to turn off equalcolumns when the responsive layout kicks in and collapses the 2 columns?

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format when asking a question.


    Please post a link to the page on your site that contains the problematic script so we can check it out.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Jul 2013
    Posts
    13
    Thanks
    2
    Thanked 0 Times in 0 Posts

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    You can probably get away from using JavaScript for equal heights and do it with CSS, like this (on desktop);

    On the #container div, add the style overflow:hidden;

    And on the #sidebar div, add the styles padding-bottom:9999px; margin-bottom:-9999px;

    This is one of the oldest ways to achieve equal heights (for 2 columns) in CSS, but there are newer techniques that can be used for 3, 4, 5, etc columns here: https://css-tricks.com/fluid-width-e...eight-columns/
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  5. The Following User Says Thank You to Beverleyh For This Useful Post:

    marymcc (06-01-2015)

  6. #5
    Join Date
    Jul 2013
    Posts
    13
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Perfect.

Similar Threads

  1. Conflict between ddacordion.js and equalcolumns.js
    By parboy in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 01-05-2013, 09:34 PM
  2. equalcolumns.js
    By missy11 in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 04-14-2009, 10:52 PM
  3. Resolved EqualColumns.js
    By LeoL in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 10-09-2008, 01:06 PM
  4. equalcolumns.js - Firefox problem
    By sammahony in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 12-18-2007, 10:44 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •