Grow your CSS skills. Land your dream job.

positioning and heights

  • # October 8, 2012 at 10:17 pm

    Left container with absolute positioning holding 2 relatively positioned divs.

    The problem is the purple div doesn’t use auto height (it’s only visible with a fixed width) and the whole page is kinda responsive.

    The Purple div has content from a different site/service (tlk.io).

    I should also mention we avoided specifying px widths & heights to elements. If necessary, percentages were used. How do I make the purple div fit well to any given browser height?
    :)

    [Imgur](http://i.imgur.com/se4yL.jpg)

    # October 9, 2012 at 2:17 am

    Do you have a link to a live site so we can inspect the code?

    # October 9, 2012 at 3:57 am

    Could you put your code on CodePen or JSFiddle please? It’d help. :)

    # October 9, 2012 at 6:09 am

    Okay! Lemme get it up on CodePen! Thanks

    # October 9, 2012 at 6:55 am

    [Here's the link to the code on codepen...](http://codepen.io/abbatykori/pen/iwDsk “Live code.”)

    # October 9, 2012 at 6:56 am

    Forgive me for the untidiness of the code… I haven’t had much time to trim it down. :$

    # October 9, 2012 at 7:21 am

    Perhaps you could provide a link to a website or give us an image of what it is supposed to look like.

    The Codepen doesn’t look like much at the moment and isn’t helpful especially as none of the images will come through.

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

You must be logged in to reply to this topic.

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