The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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.


    # February 12, 2013 at 6:48 am

    This reply has been reported for inappropriate content.

    I used 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:

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed