Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

CSS & HTML: Need help making a the content area of my site fluid. Can anyone help with the flow?

Bottom of Page

1 to 7 of 7

  1.  
    •  
      CommentAuthordleifm
    • CommentTimeJul 27th 2006
     permalink
    Howdy,

    I'm currently working on a site and I've spent a fair bit of time on the layout, colours, etc. As I started to add the content I realized that the content box that I've created is not fluid - it doesn't expand/contract depending on the amount of content, (or if a user increases/decreases the text size.)

    I've currently got the content in a DIV (#content_container) with a fixed height of 240px. When I remove the height specification, the content box collapses, (see here.)

    I think it's probably something small that I'm missing, but I can't seem to figure out what.

    Any ideas?
    • CommentAuthordcrean
    • CommentTimeJul 27th 2006
     permalink
    Fixed pixel heights and widths are not designed to scale. You should look at relative size scales for setting up fluid content areas.
    • CommentAuthorkmg
    • CommentTimeJul 27th 2006
     permalink
    so you want the box to expand vertically? if so inthe #content_container


    put

    overflow:auto;
    •  
      CommentAuthordleifm
    • CommentTimeJul 27th 2006
     permalink
    dcrean

    That's kind of what I was doing by posting my question. I knew that having a fixed pixel height width wouldn't allow the #content_container DIV to scale - the only reason that I had it that way was for doing the layout process. I guess I need to take the question of scalability into account earlier in the process.

    kmg

    Thanks (again). That fixed the problem just fine.
    • CommentAuthorkmg
    • CommentTimeJul 27th 2006
     permalink
    i forgot to mention something- your stlye sheet is sooo long i would recommend breaking that up into different style sheets and import them into a master style sheet

    ie

    one for layout

    one for navigation

    one for text styles

    etc
    •  
      CommentAuthordleifm
    • CommentTimeJul 27th 2006
     permalink
    kmg:

    I think you've done this before! You keep anticipating the questions that come up with before I ask them myself!

    My next thread was going to ask if there's a better way to have the various elements of each page change colour. My style sheet is very cumbersome right now and is frustrating to work with. Of course, breaking the style sheet up into three different ones helps with that issue immensely.

    Thanks again. Once I've got that done I'll post a link.
    • CommentAuthorkmg
    • CommentTimeJul 27th 2006
     permalink

1 to 7 of 7

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page