0

私はすべてのブラウザ用に自分のWebサイトをコーディングしましたが、もちろんIEには問題があります。具体的にはIE7のみです。2つの問題が発生した場合の動作と、IEが正しく表示するために追加できるものの解決策を見つけたいと思っています。

送信ボタンは、含まれているdivの下部に揃えられています。

ここに画像の説明を入力してください

SEARCHフィールドのSUBMITボタンのCSS

#searchform { /*container widget */ position: relative; left: 15px; width: 97%; height: 30px; background-color: #f3f3f3; border: 2px solid #742222;}

#searchform label { display: none; }

#searchform input#s { width: 75%; height: 20px;}

input[type=text],input#s { margin: 0 10px 0 0; width: 60%; }

#searchsubmit{ position: relative; float: right; width: 30px; height: 30px; text-indent: -999px; background: url(http://averylawoffice.ca/img/SEARCH-submit.jpg) center; border: 0px;}

このCSSは、IEバージョン7を除くすべてのブラウザーで機能します。絶対位置を指定せずに、CSSを上揃えにする方法はありますか？

4

1 に答える 1

2

テキストボックスを左に動かすことで、[送信]ボタンを上に（正しい位置に）移動することができました。

.subscription_email {
    ...
    float: left;
}

検索テキストボックスについても同じことが言えます。

#s {
    ...
    float: left;
}

これらの変更を行うことにより、結果のプレゼンテーションはFirefoxの場合とまったく同じになります。

于 2012-06-08T00:09:05.577 に答える