2010-12-04 9 views
1

私のサイトは、下に横スクロールバーを表示します。テーマの右側に余分なスペースがたくさんあるようですが、実際には何もありません。横スクロールバー - WP論文 - なぜですか?

これを修正する方法を教えてもらえますか?

私はWordpress 3.0、Thesisテーマを全幅フレームワークで使用しています。

ありがとうございました!

+0

このブラウザはどのブラウザで動作しますか? – Sotiris

答えて

1

まずあなたは、この要素持っ

.googlesearch-btn { 
    background: none repeat scroll 0 0 transparent; 
    border: medium none; 
    cursor: pointer; 
    height: 37px; 
    left: 267px; 
    position: relative; 
    top: -35px; 
    width: 35px; 
} 

をあなたはそれを作るために試してみてください:表示:なし;

+0

diangelo、残念ながらhzスクロールバーが削除されず、検索ボタンが死んでしまう - – pepe

+0

@mptorr - 根底にある問題の一部です。 .googlesearch-btnを再配置し、.social-blockに130pxの幅を与え、水平スクロールバーが消えます。 overflow:hiddenやoverflow-x:hiddenを使用するよりも優れています。これは、ブラウザーウィンドウの幅が広い場合に、実際のコンテンツを単純に水平方向に切り捨てるためです。 – Alohci

+0

Alohci - それはかなり素晴らしいです。私は.social-blockの幅を設定するのを忘れていました。私はあなたが示唆したようにしてきました。 – pepe

2

私はあなたがこの動作を何を得るのブラウザではわかりませんが、CSSで、あなたは、単にワードプレスを使用して、テーマに余分なCSSスタイルを追加することができた場合は、水平スクロールバー

html, body {overflow-x:hidden;} 
+0

MacでFirefox 3.6を見る –

+0

IE、FF、Safari、Chromeで発生します。 – pepe

+0

恐ろしい!これは、私のオーバーフローの問題を解決ipadのディスプレイを盛り上げていた –

0

を非表示にするoverflow-x:hiddenを使用することができ、追加次のスタイルで:

.full_width { 
    overflow:hidden; 
} 

あなたがどこかの周りに、それを行うことはできませんが、テーマを提供されたオリジナルのスタイルシートを編集することができ、(私が訪れたときに、URL http://www.thedailytail.com/wp-content/themes/thesis_18/custom/layout.css?120410-40254から)「layout.css」ファイルを編集する場合21行目は.full_widのスタイルを見つける追加してください。

overflow:hidden; 

どうやったらいいのか教えてください。それにasignedこのCSSで

<button value="" name="sa" type="submit" class="googlesearch-btn"></button> 

+1

AWESOME!ありがとう、多くの人、オーバーフロー:隠されたトリックでした。乾杯! – pepe

関連する問題