I have a header and a footer, that should be position: fixed,
both have content that varies their height according to the page width,
I need the content between them to be scroll-able and that the header & footer will not cover it.
here is an example (of the problem): http://jsfiddle.net/ilyaD/bNSZu/2/
Any ideas for a solution?
Asked
Active
Viewed 1,416 times
0
ilyo
- 34,891
- 42
- 103
- 154
2 Answers
0
Use max-height,min-height and height as percentages.Along with overflow-y:auto
Vivek Chandra
- 4,140
- 8
- 30
- 38
-
i think you didn't update the demo since i see my fiddle only – ilyo May 20 '12 at 14:06
-
thanx but this doesn't solve the problem, i still have a the size of the header is not fluid – ilyo May 20 '12 at 14:35
0
You can set a max-height to #main div and add this style to #main to fire the scroll bar
#main {
overflow-y:auto;
}
Prasenjit Kumar Nag
- 13,321
- 3
- 43
- 57