So I have this map I am trying to configure so that it takes the height of any monitor it displays on:
http://www6.luc.edu/test/cabplan/maps/index2.html
All the CSS is in the file, I have tried height 100% (that erases it completely), I tried position absolute (that throws the map over the top banner), I tried min-height with height 100% (it just takes the min-height). I am not sure what I am doing wrong.
Also in the code the map shows that its 895 by 400, which is weird cause it does not look 895px, which I increase using Firebug it grows to the left but I cannot move the map left. I have tried float left, margin 0, margin-left 0 but nothing happens.
Can anyone help me with the HTML/CSS edits?
Have a look at this thread:
Resize div on browser resize
Be sure you are setting your body and html to 100% height as well.
With the footer involved, you will set the bottom property to the height of your footer.