Grow your CSS skills. Land your dream job.

Fixed height div with Div with the remaining space

  • # June 6, 2013 at 2:36 pm

    Hello guys,

    I’m being in a battle to stay cool with a redesign I’m doing from my website.

    The address where you could address the “bug” is this one (e.g.): http://labs.ivopereira.net/projects/etic-chega-te-a-frente

    If you go to the bottom of the page in Chrome it will be okay. You will see all the container and almost all the page (and scrollbar).

    In Firefox, however, it doesn’t look the same (not even close). It has the social sharing in the footer hidden, so is the scrollbar.

    Any suggestions?

    I’ve tried to do it with display:table in the parent, and display:table-row in the children, however, it don’t allow me to use paddings or margins, and I cannot use border-spacings around all the table. I think if you view the page now as it is (in Chrome) you will get what I want it to be.

    By the way, feel free to comment about the redesign :)

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

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