Float right не работает в IE 7, но работает в FF IE8 - PullRequest
Новая
       15

Float right не работает в IE 7, но работает в FF IE8

1 голос
/ 21 мая 2010

У меня есть этот код 

<div id="facebook_bar"> 
  <div style="float:left;">
  <img src="images/topbar_followus.png" width="70" height="25" /> 
  <img src="images/topbar_twitIcon.png" width="30" height="25" /> 
  <img src="images/topbar_fbicon.png" width="30" height="25" />
  </div>
    <div id="newsletter_box"> 


   <img src="images/topbar_subscribe.png" width="220" height="25" />
      <input type="text" name="cm-ktkykk-ktkykk" id="ktkykk-ktkykk" />
      <input type="image" src="images/btn_submit.png" width="55" height="25" />

      </div>
  </div>

css is 

#facebook_bar {
 background-color:#323334;
 height:30px;
 padding-top:15px;
 padding-left:20px;
 padding-right:20px;
}
#newsletter_box {
 float:right;
 /*margin-top:-30px;*/

}

Правый div отображается на следующей строке после первого div, а не на той же строке

Ответы [ 2 ]

1 голос
/ 21 мая 2010

Я изначально опубликовал это в качестве комментария, но с тем же успехом могу дать вам ответ.

Почему бы вам просто не использовать float:left как для #newsletter_box, так и для встроенного плавающего div. Это гарантирует, что они оба будут сидеть в одном и том же положении по вертикали, затем вы можете отрегулировать горизонтальное положение, используя% widths.

Я бы также прочитал эту статью , чтобы очистить поплавок, потому что у вас есть изображения.

0 голосов
/ 21 мая 2010

Вам также нужно переместить левую полосу, добавьте float:left к # facebook_bar.

...