Моя навигационная панель не выстраивается в IE, как я могу исправить без Javascript?

Question

Моя навигационная панель не выстраивается в IE ... как я могу это исправить, не используя Javascript ...

http://opentech.durhamcollege.ca/~intn2201/brittains/labs/index2.php

Также он должен работать на всех разрешениях.

И это должно быть проверено в строгом порядке.

Answer 1

Вам не нужно ставить абсолютную позицию для каждой отдельной кнопки, просто position:aboslute для родительского элемента (navbar), а для форм (нет необходимости в отдельном стиле для каждой формы) просто поставьте float:left

Answer 2

Поместите все кнопки в одно деление.

У вас есть:

<div id="navbar">
<form class="navbarForm1" method="get" action="index2.php">
  <div><input type="submit" value="Home" /></div>
</form>

Удалить вложенные div. А также вы пропускаете закрывающий div после закрытия вашей последней формы.

    <div id="navbar">
        <form class="navbarForm1" method="get" action="index2.php">
          <input type="submit" value="Home" />
        </form>
<form class="navbarForm2" method="get" action="lab1noscript.php">
  <input type="submit" value="Lab1" />
</form>

    </div>

Answer 3

Поместите все кнопки в div, вместо использования относительного положения для каждой кнопки.

Тогда каждая кнопка должна быть рядом друг с другом.