2012-04-25 7 views
0

CSSは私の強みではありません。助けが必要です。私はWordpress Pluginを開発していますが、PHPがダウンしている間、私はCSSを手に入れて助けが必要です。このページはhttp://www.airupt.com/?page_id=386で見ることができます。問題は、検索結果の呼び出しの下にある検索ボックスのショートコードを呼び出したことです。これはデモ目的のみであり、リンクが修正されたらすぐに消滅します。CSSの配置に関する問題。要素が表示されない場所

何かを入力して検索すると、私の言いたいことがわかります。検索ボックスの背景が、結果の上部に最初のものよりも表示されます。検索ボックス自体が結果の後に表示されます。

どこのコードが間違っていて、どのように修正できるのか教えていただけますか? :D

+1

歓迎されているので、

overflow:hiddenはより/異なるトラブルにあなたを取得します。開発者のページで私たちを指摘するのではなく、問題のコードの限られたテストケースをここに含めると、より良い応答が得られます。また、あなたが試したことを教えてください。 [How to Ask](http://stackoverflow.com/questions/how-to-ask)を読むことをお勧めします。 – steveax

答えて

0

.search-custom divにoverflow:hidden;を設定してから、Firebugのコピーを入手してください。これらの渋滞の80%からあなたを逃がします。

+0

火虫が見つかりました。残念なことに、私の普通のマシンは店内にあるので、私は通常どんなツールにもアクセスすることはできません。 –

+0

Bummer、man。 Chromeを使用していますか?もしそうなら、Firebugのようなツールがあらかじめロードされています。それにアクセスするには 'ctrl + shift + i'を打ってください。 –

1

これを複数のブラウザでテストしていますか?それはそれのようには見えません。

は、私はむしろ .search-customclear:bothを設定すると言うだろう <div class="entry">

.search-custom { 
    float:left; 
    /* all the other styles for search-custom that it normally has*/ 
} 
1

の要素の残りの部分のように、それをfloat:left;を与える:あなたの質問に答えるために。あなたのサイズが少し出てスタックオーバーフローに

+0

ありがとう、仲間。魅力のように働いた。 –

関連する問題