Grow your CSS skills. Land your dream job.

Help modifing Equal Height Blocks in Rows javascript

  • # October 30, 2012 at 5:03 pm

    Hi,

    I’ve got the script from the fluid demo on this page working fine. It’s from the demo for the fluid code, apparently slightly different than the main page.

    However I need to be able to increase the height of each row by about 30px. This because I have an element inside the div that I want to absolutely position at the bottom below the content.

    I’ve looked at the code and can’t figure out where I would cause the height to be equal to the tallest plus 30 pixels.

    please advise.

    # October 30, 2012 at 5:11 pm

    Since you’ll position the child element absolutely, you can add **padding-bottom:30px;** and **position:relative;** to the row parent elements.

    # October 30, 2012 at 6:45 pm

    Thanks mmoustafa,

    Honestly I can’t believe i didn’t think of padding bottom.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".