SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Jan 2011
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    content resizes to window size

    I've seen this in a few different places where the background image resizes to fit the window...I'm wondering if there is a way for this to work for the entire page of a portfolio site so the header, main image and footer always fit on the page...hope that makes sense.

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,682
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by mieche View Post
    I've seen this in a few different places where the background image resizes to fit the window...I'm wondering if there is a way for this to work for the entire page of a portfolio site so the header, main image and footer always fit on the page...hope that makes sense.
    Always? What if my page is only 100x180 pixels in size?

    It sounds like you're after some kind of liquid layout, which the CSS Forum specializes in.
    See for example: The Perfect 3 Column Liquid Layout

    The resizable background image can always be added on to such pages.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    SitePoint Member
    Join Date
    Jan 2011
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well clearly there would need to be a minimum size. But no I don't mean a liquid layout because what I need is for the height to fit the users window size so there is no scrolling...

    The site I'm creating won't have a background image, but that is the only way I have seen it done so far.

  4. #4
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,682
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by mieche View Post
    Well clearly there would need to be a minimum size. But no I don't mean a liquid layout because what I need is for the height to fit the users window size so there is no scrolling...
    Scripted solutions that might be applied to this tend to be messy and unreliable.

    You haven't mentioned if you've checked out CSS solutions to this yet.
    Does the CSS Forum have anything to say about achieving 100% height?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  5. #5
    SitePoint Member
    Join Date
    Jan 2011
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not yet, for some reason I thought this was javascript function...I'll post in the CSS forum and see what they have to suggest.

    Thanks for the help Paul


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •