高さの100％までのページの垂直方向の整列

私はページhttp://inspire.mobi/howを持っていますが、垂直方向に正しく整列されていないので水平方向に整列しています。高さの100％までのページの垂直方向の整列

このページのhttp://inspire.mobi/howには、本体部分に2つのdiv（cssクラスmainHow & botHowがあります）があります。これらのdivは両方とも、javascript（wondow.height-footerheight-headerheight）を使用して高さが計算されるメインのdiv "mainHow"にあります。内部2 div（cssクラスmainHow & botHow）は、main div "mainHow"の75％& 25％です。しかし、それは完全な高さをカバーしていません。私はzommin &（100％のページサイズではなく）ページをズームアウトすると、 "bothow" divの下に余りに多くの部分が残っています。

私にこれを手伝ってください。

出典

2012-03-24 inderpreet singh

私はthis siteを見ました。私はそれを引き起こしているかもしれないいくつかのエラーを見ることができます。

divs mainHow & bot、高さは105％になります。

コンテナの高さを計算するように設定したJavaScriptでは、ハードコードされたフッターの高さが110pxに設定されています。フッターの高さが91pxになっているので、そこにギャップがあります。これを修正した場合、フルサイズにする必要があります。私が質問を正しく理解していれば

出典

2012-03-24 10:22:26 mcclennon19

その時にフッターの高さが利用できないため、110pxにハードコードしました。今私は91pxに変更しますが、実際の問題は、ページのサイズが100％でない（ズームインとズームアウト）ときです。あなたのページサイズが75％だとしたら、そこには隙間が残っています。 –

ズームインすると左にずれが表示されます。問題がある場合は、ズームを検出しようとしています。この回答は、[リンク]（http://stackoverflow.com/questions/6117349/how-to-keep-a-div-constant-in-size-as-the-user-zooms-in-and-out-オン・ザ・ページ） – mcclennon19

高さの100％までのページの垂直方向の整列

答えて

関連する問題