0

ブラウザ間で位置の不一致が発生しています。テキストエリアの下隅にカーソルを合わせるように送信ボタンを配置しようとしています。

Chrome、Safari、およびその他のブラウザでは、これは正常に機能します。

Chromeのスクリーンショット

ただし、Firefoxでは次のようになります。

Firefoxのスクリーンショット

その要素を配置するための別の方法はありますか、それともCSSから何かを除外しましたか？

HTMlとCSSへのリンクは次のとおりです。http ：//www.tylonius.com/clients/X10/GalleryDisplay.html

4

3 に答える 3

1

その送信ボタンを絶対に配置します。

position: absolute;
bottom: 0;
right: 0;

親要素の位置がに設定されていることを確認してくださいrelative。

于 2012-06-21T01:58:22.847 に答える
0

私は最近このような多くの問題に取り組んでいます、私が最初にすることはパディング、マージン、そしてボーダーをチェックすることです。Firefoxは他のブラウザとは異なるデフォルトのプロパティを設定しているので、それを上書きする必要があると思います。インスペクターの「計算されたスタイル」タブは、それが当てはまるかどうかを判断するのに十分なはずです。

于 2012-06-20T23:45:20.270 に答える
0

そのスクリーンショットをフォトショップにドロップして、含まれている要素の下部のパディングを測定しました。上の画像では11px高いです。下の画像では13pxです。それがあなたの問題だと思いますが、あなたのコードを見ずに確実に言うことは不可能です。周囲の要素のCSSを見てみてください。<input>要素はあなたの問題ではないと思います。

編集

あなたのコードを見ることができたので、この答えは正しいと確信しています。問題は、周囲のボックスの長さです。あなたがする必要があるのは、スタイリングを取り、#gallery-commentformそれをフォームを含むdivに適用することです。次に、左下隅を基準にして、絶対にtextareaadnを配置します。submitそうすれば、ブラウザが高さ/パディング/ yaddayaddaをどのようにレンダリングしても、フォームの下部から常に同じ距離になります。

于 2012-06-21T00:23:10.537 に答える