SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Thread: Height issue

  1. #1
    SitePoint Wizard nofel's Avatar
    Join Date
    Aug 2007
    Location
    Earth
    Posts
    1,766
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Height issue

    hi, i got a site on which the background (white color) don't expand till the bottom, it happens sometimes. should i use min-height or what?
    All those who wander aren't lost.

  2. #2
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,183
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    The way you have your design layed out would suggest it doesn't need to run the whole height of the page as you would just have a lot of open whitespace which is in my opinion a bad website design, simply just let the page end where it want's that way you don't have to mess around with setting heights and such for a website that doesn't need them by default.
    Blog/Portfolio | Evolution Xtreme | DFG Design | DFG Hosting | CSS-Tricks | Stack Overflow | Paul Irish
    Having lame problems with your code? Let us help by using a jsFiddle

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Hi, yes I agree with SgtLegend: let the content area find its natural height. Why make a user scroll down through empty space?

    If you must have the page at least 100% tall, you could try the "sticky footer" method described here:

    http://www.sitepoint.com/forums/show...66#post1239966

    Or, if you just want a 100% height page, you could also look at this:

    http://www.sitepoint.com/forums/show...41#post1243541

  4. #4
    Quality not quantity. bo5ton's Avatar
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    654
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Sticky Footer is definitely the way to go. However I can't see a page where the whitespace doesn't cover your entire content anyway.
    Am I missing something?

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by bo5ton View Post
    Am I missing something?
    At the moment, there's a long series of empty <p> elements pushing the content area down ... but that's not a viable solution, really.

  6. #6
    Quality not quantity. bo5ton's Avatar
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    654
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Ah ok, I thought that might be the problem.
    Mt statement of using a sticky footer still stands. Having the footer that far down using the <p> element isn't, as ralph said, viable.
    Having said that, due to the layout of theme you have used, whitespace is important and I don't think you could have the footer any larger than it is now, therefore >sticky footer!<

    Might I also suggest adjusting your footer widths/margins/padding to fit in all your footer content, as 1 of your categories has appeared to have jumped down out of place!


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
  •