2017-06-27 14 views
-2

私は自分のウェブサイトのレスポンシブ・レイアウトに取り組んでいます。私はアラビア語版のために英語と左側の右側に余分なスペースを持って、私はそれが来るのかどうかを正確に判断できません。これはFireFoxでうまく見えますが、Google Chromeではうまくいきます。私のウェブサイトの リンク: http://kirkuknow.com/english/ のモバイル版への変更のウェブサイトは、要素Google Chrome私のウェブサイトの右側に余分なスペースを作成する

ベストenter image description here

答えて

1

英語版を検査 - 問題はのid #subNewsとdivの中にあるように私には思えますウェブサイトのモバイルビュー。このクラスには.subNewsContainerクラスのdivがいくつか含まれていますが、それらは空ですが、まだ幅を保持しています。 Chrome開発ツールを使用して#subNewsを削除すると、右側の空白がなくなりました。 ここでの問題は、モバイル版でsubNewsの部分を正しく処理していないことです。あなたはコンテンツをレンダリングしていませんが、divをレンダリングしています。

編集(アラビア語版の根本原因を追加): - アラビア語版の問題は異なるようです。 id #langbar(language bar?)のdivは、右側(600px)から絶対位置が固定されているため、左に多くなり、空白の空白が作成されます。 Chromeデベロッパーツールから削除すると問題が解決しました。そのため、そのdivとその下位のスタイルシートを修正する必要があります。

一般的なヒント:これらの問題を見つける最も簡単な方法は、開発ツールで検索を開始することです。問題が解決するまで、DOMツリーの各divの削除を開始します。要素を削除して問題が解決したら、その特定のdivが原因である理由をより深く理解することができます。がんばろう!

+0

あなたの提案はうまくいきますが、アラビア語とクルド語のバージョンはまだ解決されていない問題アラビア語またはクルド語のバージョンを確認できますか?ご協力いただきありがとうございます。 – user3108827

+0

アラビア語版の根本原因分析も追加されました。答えがあなたを助けた場合は解決済みと記入してください。幸運:) – Tomer

+0

それはうまく動作しています...ありがとう.... – user3108827

関連する問題