0

I have page http://inspire.mobi/how, where it is aligned horizontally well ut it is not properly aligned vertically.

For this page http://inspire.mobi/how, there are 2 divs ( having css classes mainHow & botHow) in the body part. Both these divs are in one main div "mainHow" whose height is calculated using javascript (wondow.height- footerheight-headerheight). Internal 2 divs (having css classes mainHow & botHow) are 75% & 25% of the main div "mainHow". But it is not covering full height. When i zommin & zoom out the page (not 100% page size), it is creating too much part leftout below "bothow" div.

Please help me on this.

inderpreet singh
  • 45
  • 1
  • 9

1 Answers1

1

I had a look at this site and i can see a few errors that might be causing it.

Your divs mainHow & botHow, height are adding up to 105%.

In your javascript that you have set up to work out .container height, your footer height that you have hardcoded is set to 110px, im seeing the footer hieght as 91px, so you will have a gap there. If you fixed this, it should be the full size. If im understanding the question right

R.daneel.olivaw
  • 2,681
  • 21
  • 31
mcclennon19
  • 623
  • 2
  • 6
  • 21
  • Thanks for the reply, I hardcoded it to 110px as footer height is not available at that time. now i change it to 91px , but the actual problem is when your page apge size is not 100%(zoom in and out). So that time suppose your page size is 75%, then there is litle gap left. – inderpreet singh Mar 24 '12 at 12:22
  • Zooming in an out i cant see the gap on the left. If there is a problem you are going to be looking at detecting the zoom. This answer should help [link](http://stackoverflow.com/questions/6117349/how-to-keep-a-div-constant-in-size-as-the-user-zooms-in-and-out-on-the-page) – mcclennon19 Mar 26 '12 at 10:22