Как выровнять две формы представления

Question

У меня есть страница с двумя кнопками отправки внизу страницы.Один для отправки страницы, на которой публикуется действие, и другой для отмены публикации на другое действие.По какой-то причине у IE есть проблема с размещением этих двух кнопок рядом.Firefox не имеет проблем.

Вот мой скрипт:

<div class="button_row">
   using (Html.BeginForm("Edit", "Design"))
   { %> 
   <div class="button_cell_left">
      <input type="submit" value="Update" /> 
   </div>
   <% } %>
   <% Html.EndForm(); %> 

   using (Html.BeginForm("Review", "Design"))
   { %> 
   <div class="button_cell_right">
       <input type="submit" value="Cancel"/>
  </div> 
  <% } %> 
  <% Html.EndForm(); %>

Вот CSS для этих классов:

.button_row { float:left; width: 100%; }
.button_cell_left {float:left; width: 20%; }
.button_cell_right {float:left; width: 20%;  }

The 20% width достаточно места для этих кнопок.Как я уже сказал, т.е. они не будут оставаться на одной линии, но в Firefox они будут.У меня вопрос, почему дали мой код?

Заранее спасибо, Билли

Answer 1

Вам также нужно перемещать формы, в которые они обернуты, IE не реализует float должным образом, поэтому, если вы хотите, чтобы 2 float находились в одной строке, они должны быть оба float. Этот вопрос меня тоже вчера раздражал

Новый CSS:

.button_row { float:left; width: 100%; }
.button_row form {float:left; width: 20%; }

Answer 2

В вашем первом входе отсутствует самозакрывающаяся косая черта.

Answer 3

Установите ширину в пикселях, а не%.В IE иногда возникают проблемы с%.