2012-03-15 3 views
1

ご覧のとおり、http://www.responsinator.com/?url=www.vaneldijk.nlは低解像度のデバイスに余分なスペースがあります。私は火かき棒とウェブマスターのツールバーを使って何が起こっているのかを理解しようとしましたが、これまでのところ運がありません。 CSSはここにあります:http://www.vaneldijk.nl/sites/all/themes/prestige/css/style.css低解像度の画面の右側の奇妙な空間Reponsive Webdesign

私はこの問題を起こさずにたくさんの応答性の高いウェブサイトを構築してくれたので、誰かが私を助けてくれることを願っています。

答えて

1

多くのテストの後、私は最終的に解決策を見つけました。あなたのラップ要素(あなたの身体の中のあなたの直接の要素)があなたのCSSに 'overflow:hidden'宣言を持っていることを確認してください。だから、例えばこれはあなたのHTML:

<body> 
<div id="wrap">Your website content</div> 
</body> 

あなたのCSSは、このオペラで奇妙なスペースを削除します。この

#wrap{ 
overflow:hidden; 
} 

のようになります。

1

これを変更すると、ページの幅が100%になります。

#wrap .inside, #footer .inside { 
text-align: left; 
width: 100%; 
} 
+0

はい、あります。しかし、それは問題を解決しません。奇妙な隙間はまだ残っています。 – rroose

関連する問題