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: Extending Div Box

Bottom of Page

1 to 4 of 4

  1.  
    •  
      CommentAuthorJulian BH
    • CommentTimeJul 22nd 2006 edited
     permalink
    How do I get a Div box to extend past its content, all the way to the bottom of the page.

    stophomework.com

    I want the sidebar's grey background to extend down to the border above the footer.


    Thanks.
    • CommentAuthorcalvinc
    • CommentTimeJul 22nd 2006
     permalink
    I haven't looked at your page code. I dont know how to let a div box to extend to the bottom of the wrapper. But a simple alternative will be making a background image of 1 pixel height repeat the background image in the y-direction.
    •  
      CommentAuthorSpookyET
    • CommentTimeJul 22nd 2006
     permalink
    google faux columns
    •  
      CommentAuthormringlein
    • CommentTimeJul 22nd 2006
     permalink
    Calvinc is correct. You need to insert an extra container DIV that holds your content in id="posts" and id="sidebar". Give that div a background image. This will ensure that the grey color is as tall as the content in id="posts". There is a JS option that will determine the height of id="post" and set the height of id="sidebar" to match if id="sidebar" happens to be smaller.

1 to 4 of 4

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