「テキスト整列：右の」IE7

で正常に動作しない、私は以下の構造を有する：「テキスト整列：右の」IE7

<div><input type='text'/><a></a></div>

本部は、テキスト整列右と入力されているが、左を浮かべています。最初は入力が隠されています。私が入力を見えるようにすると、リンクはIE7の左に移動します。しかし、FF3のリンクはそれがどこにあるかにとどまります。リンクの移動の理由は何ですか？また、IE7で引き続きそのままにする方法はありますか？

Hereはフィドルです。

2012-02-22 sevenkul

なぜFirefox 3でテストしていますか？ – BoltClock

私は非IEブラウザとしてFF3しか持っていません。私はすべてのブラウザでその場所にリンクの滞在を好む。 – sevenkul

FF3は少なくとも3.6にアップグレードできるはずです...しかし、あなたは知っています、FF10は自動的にアップグレードする最新バージョンです。 – elclanrs

リンクのための入力とfloat: rightためfloat: left;を使用し、一貫性のある結果について、

.questionfooter a { 
    float: right; 
}

を試してみてください。

2012-02-22 22:24:38

これは素晴らしいことですが、以前のバージョンが矛盾していた理由を知っていますか？ – sevenkul

@sevenkulあなたが話しているバージョンは..私が知る限り、上記はすべてのバージョンで動作するはずですが、コンテナ（div）は要素（input、a）ではなく浮動小数点になります。私はそれが規則であるのか浮遊している要素に問題があるのか分かりません。 –

私は以前のバージョンとして私の元のコードを意味しました。 – sevenkul

IE7の場合、以下のようにcssを使用します。あなたはdisplay：noneを使っているようです。入力を非表示にします。

.IE7 input {visibility:hidden;}

2012-02-22 22:22:29 Ajay

可視性に問題はありません。さらに、jQueryは "visibility：hidden;"スタイルの要素を認識しますか？隠し要素として.show（）関数がそれのために働くように？ – sevenkul

答えて