2

私は 2 人の開発者にこれを見てもらいましたが、彼らは問題の原因を突き止めることができませんでした。

次のサイトでは、サブスクライブ バー (ページの上部) は問題なく表示され、Chrome、Safari、および Firefox では適切に機能しますが、IE ではサブスクライブ ボタンが 1 行下に移動し、「リソース」ナビゲーション項目と重なるという問題が発生します。フロートが適切に機能するには特定の幅を設定する必要がありますが、幅を自動に設定すると、その左側の要素の下にフロートします。この方法でも適切に機能しますが、見栄えが悪いため問題があります。

問題は CSS に関連していると思いますが、WordPress でテーマを使用し、MailChimp 購読フォームを統合していることにも注意してください。

提案の考えは大歓迎です。

前もってありがとう - アシュリー

サイト参照

4

3 に答える 3

1

私もCSSのプロではないことに注意してください。

Firefox 16.0.2 を使用してあなたの Web サイトを見ていますが、あなたが説明しているのと同じ問題が見られます。

Firebug を使用して、width: 430pxfromを削除する必要があると思います<div id="mc_signup">。現在の幅は完全なフォームには小さすぎます。これが、購読ボタンがフォームの残りの下に移動する理由だと思います。（横方向のスペースが足りないので折り返すだけです）

スクリーンショットを参照してください。青い領域は で<div id="mc_signup">、430px に制限されています。

スクリーンショット http://img841.imageshack.us/img841/1540/denised.png

これがあなたの質問に答えることを願っています。

于 2012-11-05T22:17:49.817 に答える
0

Chromeで問題が発生しています。#mc_signupの幅を大きく440px;すると、問題が解決するはずです。

または、フロートをに変更して置き換えることも#subscribe .wrapper .centerできます。width: 100%; text-align: center;.leftcopy#mc_signupdisplay: inline-block;

より具体的な回答が必要な場合は、質問を編集することをお勧めします。スクリーンショットを追加してください。

要素を適切にフロートする方法については、次のリンクを参照することを強くお勧めします。 www.quirksmode.org/css/clearing.html

于 2012-11-05T22:14:02.343 に答える
0

あなたが説明した問題は、Opera と Chrome にも含まれています。padding: 0px 10px;しかし、私はから部品を取り外しましたがinput#mc_signup_submit.button、それは大丈夫でした。

于 2012-11-05T22:17:05.050 に答える