Jump to content

Please help. Div will not extend height:100%

- - - - -

  • Please log in to reply
2 replies to this topic

#1
liamzebedee

liamzebedee

    Programmer

  • Members
  • PipPipPipPip
  • 129 posts
Cryptum.NET Beta
For some reason my sidebar (positioned left, the grey box with text - "Test, Test") is not stretching down the whole width of the page. Could someone suggest a reason for this and/or a solution? I have tried.

#2
WingedPanther

WingedPanther

    A spammer's worst nightmare

  • Moderators
  • 16,831 posts
  • Location:Upstate, South Carolina
  • Programming Language:C, C++, PL/SQL, Delphi/Object Pascal, Pascal, Transact-SQL, Others
  • Learning:Java, C#, PHP, JavaScript, Lisp, Fortran, Haskell, Others
You've set the height to 100%, and it appears to be at 100% of the browser's height, rather than 100% of the page's height.
Programming is a branch of mathematics.
My CodeCall Blog | My Personal Blog

#3
Vaielab

Vaielab

    Programming God

  • Members
  • PipPipPipPipPipPipPip
  • 547 posts
A way to by pass this problem, is to add a parent div for the sidebar and the main div
And set the background-color to the same color as the sidebad color.
So this div will expands as the main div expands, and it will give the feeling the the sidebar expands too.

The main drawback of this tricks is that is your sidebar is longer than your main div, you will have a footer bar the same color as your sidebar




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users