Grow your CSS skills. Land your dream job.

Need help with fullheight page

  • # February 12, 2013 at 6:35 am

    as seen in the screenshot is what I like to achieve. the background (white) is transparent. the pink/purple stuff is just there to show that the white is transparant.

    i want the page to be minimum the height of the browser window and the footer part should stick to the bottom. In the main content area will be two colums for content. These are seperated with the dotted vertical line.

    I tried some layouts myself but i can’t get it right with the dotted vertical. I could show you a page with my attempt, but then the replies would all be based on that layout, and i’m more and more thinking that it should be done completely different. However, i can’t seem to think straight anymore.

    Hope it’s clear. If really want i could post a link to my try. I’m really wondering if somebody could show me the right way how to do this. The difficult part for me is getting the dotted vertical to extend. If this line were to be omitted, I would have had a working html.

    thanks!

    # February 12, 2013 at 6:48 am

    I used http://codepen.io/alexmccabe/pen/onbgG on several websites. It doesn’t seem to work all that well on CodePen though.

    # February 12, 2013 at 7:19 am

    This works in Codepen: http://codepen.io/anon/pen/pqyhB

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".