2016-12-22 10 views
-1

私は、自分のサイトの右側に表示される1ピクセルのエッジを分離するのが困難です。 ChromeとSafariでは異なるウィンドウサイズで発生するため、何が原因であるか、実際にはセットアップで完全に避けられないものかどうかはわかりません。ページの右側に1ピクセルのエッジを削除するにはどうすればよいですか?

ウェブサイト: www.husamelfaki.net

おかげで非常にあなたは、事前に役立つことができれば、それを本当に感謝しています。 Husam

EDIT:質問に答えられたので、機密のパスワードの詳細を削除しました。ありがとうございました。

+3

ほとんどのStackOverflowユーザーは、恐ろしいオフサイトリンクをクリックしません。コードを投稿するか、少なくとも問題のスクリーンショットを追加します。 – WillardSolutions

+0

1ピクセルのエッジはどういう意味ですか? –

+0

あなたのサイトにパスワードを投稿することはあまりお勧めできません。ハッカーがあなたの管理スペースに入り、あなたの仕事を台無しにする方法を見つけようとしているに過ぎません。 – CodeLikeBeaker

答えて

0

あなたの問題は、このいずれかのように右側のすべての要素から来ている:

<div style="line-height: 0 !important; 
    font-size: 0px !important; 
    position: absolute; 
    left: 49.93055555555556%; 
    top: 0px; opacity: 1;" 
    class="thumb grid-item masonry-thumbs-item masonry-content_4qnsts4j5-item masonry-content_4qnsts4j5-item-1 remove-gutter-yes masonry-span6" 
    data-thumb-src="http://www.husamelfaki.net/wp-content/uploads/2016/11/ntc5_thumb_2.jpg"> 

その幅は50%であるが、要素の左側が50%に配置されていません。 CSSスタイルルールleft: 50%;を使用して、幅を半分に設定します。

そして私はこの種のページに最適なフレックスボクシングを使うことをお勧めします。

+0

偉大な答え - 実際に私の問題を解決するための正しいコードです。 サムネイルはSemplice(私のwordpressテーマ)によって自動的に生成され、配置されるので、ここではこれらの個々のサムネイルを特にターゲットにして、修正を上に追加しています。私が好むと思うのは、この奇数を出力しているソースを見つけてそこからコードを修正することです。 私がそれを理解するのを助けることができれば、私は非常に感銘を受け、感謝していますが、これがあまりにも大きいかどうかを理解してください。私は今、テーマプロバイダを追跡して、これらの要素をターゲットにしてソースで修正するより良い方法があるかどうかを確認しました。 –

+0

私はWordpressを一度も使ったことがないので、私は何の助けにもならないと思います。私はこれがどのように起こるか分かりません。あなたのベストショットは今問題を見つけた新しいスレッドを作成することだと思います。できるだけ多くの情報(プラグイン、テンプレート、JavaScriptコードなど)を含める前に、[this](http://stackoverflow.com/help/how-to-ask)を必ず読んでください。スニペットを含めると、チャンスも増えます。そして最後に、あなたの質問に 'Wordpress'タグを入れてください。これは、Wordpressの専門家があなたを助けることを可能にします。 – Faegy

関連する問題