Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Auto sizing content area

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #34227
    TWG
    Participant

    I’m new to HTML5 and CSS3. I’ve been playing with it on my local server and I’m trying to figure something out. I have a fixed header with a height of 150px and a fixed footer with 30px height. I’ve applied an opacity to both items to where the static background image will show through a little.

    I have a section area that has a 90% opacity and rounded corners. I was wondering if there was a way to make the content area fill the remaining are between the header and footer and allow the user to scroll through the content. I’m trying to accomplish what can be done on a flash site without the flash. I know the flash site has a set content height but I would rather it be dynamic since not everyone has the same size monitor. Here is a reference website that shows what I would like my content area to do. I would like the scroll bar to show up on the side like normal and not inside the content area.

    #86472

    Like this? http://jsfiddle.net/sl1dr/WxUCA/2/

    I have something similar on my portfolio: http://joshuanhibbert.com

    #86474

    I understood that part, wasn’t sure how you wanted the scrollbar though. More like the fiddle I linked, or my portfolio?

    #86477

    Something like this? http://jsfiddle.net/sl1dr/ZrtPH/4/

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.