2017-10-07 6 views
-1

私はウェブサイトhttp://torquebranding.com/で作業していますが、画面のサイズが変更されるとすぐに左に移動します。Div画面上で左方向に移動

私はそれが中央揃えにする

margin-left:auto; 
margin-right:auto 

を試みたが、失敗しました。

提案がありますか?

ありがとうございました

+0

それがここでの問題を示していますあなたのウェブサイトが変化したり消えたりすることはありません。 [mcvd] – Rob

答えて

1

あなたのCSSにこのルールがあります。あなたはそれを上書きするか、それを削除した場合、画像が集中している。ここ

processTabs { 
    margin-left: 50px; 
} 

は写真の前と後にある - 開発ツールのサイドバーにprocessTabsルールを参照してください。前の画像では、クラスがチェックされ、クラスが無効になった後に表示されます。

Before

After

+0

削除済み、まだサスメ – Daiyan

+0

スクリーンショットを追加しました – user3692823

+0

[コードやエラーの画像を投稿しないでください](https://meta.stackoverflow.com/q/303812/995714) – Rob

0

ページが異なるページ・サイズの異なるメディアのスタイルを使用しています。 たとえば、.processTabsはメディアバージョン1.0.0.193でマージンを追加しました。できます。また、pxの代わりに%を使用するのは常に良いことです。

.processTabs { margin: 0 -2%;} 
0

(申し訳ありませんが、そこに起因するコピーにエラーが発生しました - 編集した... - > 0PX)

この規則:

.processTabs 
{ 
    margin-left: 50px; 
} 

は(多分追加インラインスタイルとして含まれています動的にいくつかのプラグインやフレームワークによって)あなたのHTML文書の689行にあります。これはあなたが質問で書いた問題を引き起こします。それを修正するには、そのルールを削除するか、あなたのスタイルシートに次でそれを上書き(理由はいくつかのプラグインを追加するので)それを行うことができない場合:あなたは、あなたのマークアップを投稿することが要求される

.processTabs 
{ 
    margin-left: 0px !important; 
} 
関連する問題