2

I have a website that has regions that are uneven. the sidebar first is a different length than the content, and the content is a different length that sidebar second. it looks something like this:
enter image description here

I could fix it manually in the css and make them the same length, but then any time I add something to any of them, it becomes uneven again. is there any way (or any module) to fix it so that it will dynamically stay the same length, so that when I add something to the content, and it becomes longer that the sidebars, they will fill with white-space and become the same length as the longest content?

  • This is a general HTML/CSS question and is not specific to Drupal – Laxman13 Jul 15 '11 at 15:49
  • I'm wondering if there is a module that could do it for me, that's why i'm asking it on drupal answers – Ephraim Jul 15 '11 at 16:16
1

try using Faux Columns. it basically repeats a blank image so that the columns will match the length of the longest element. this creates the illusion of equal lengths, hence the name "faux" or "fake"

3

This is not Drupal specific problem. Try one of suggestions reported on Equal Height Columns using CSS: It has two CSS solutions, and one JavaScript solution.

3

There is the Equal Heights jQuery module.

This modules implements a jQuery Equal Heights plugin that can equalize the height of the elements of the specified class.

  • I installed it and I got a: "Notice: Undefined variable: js in equalheights_init() (line 55 of /home/tennis/public_html/sites/all/modules/equalheights/equalheights.module)." error – Ephraim Jul 15 '11 at 17:47
  • 1
    Sorry. I have never used the module (only was aware of it's existence). There appears to be an issue in the module's queue directly specifying this error. drupal.org/node/1012032 – user842 Jul 15 '11 at 17:55

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.