Thread: 100% div height + header problem.

when restarted design of site, added fixed header scrolled down page.

however, turning out (quite) nightmare. wanted create snappable divs (scroll section section using jquery), set height of each panel 100%.

of course, floating header took space (66px+2px border), forced use negative margins make sure stuff did not hidden under header, , instead have height equal space between end of header , browser window. divs overlap, not problem, setting solid background later on. now, worked, , each slide fit between header , bottom of screen.

worked quite well, until added slider.

take look: http://dev.sandyd.me/~sandyd/

slider refuses stay within div, , starts overlapping next section.

ideas?
note force height 80% or using

code:

.dwusereasyrotator { 	height: 80% !important;  }

, prefer covers entire section fluidly (if resize page right now, each of sections still fit between header , bottom of browser window.

heres demo done you:

http://jsfiddle.net/juancarlospaco/4vwc8/

resize textarea mouse, imagine slideshow.
plus..., click title, content collapse it.
theres content outside box can see how flexible is.

if size/position hardcoded jquery nothing can css.

Forum The Ubuntu Forum Community Ubuntu Specialised Support Development & Programming Programming Talk 100% div height + header problem.

Ubuntu