My navbar doesn't line up in IE how can I fix without Javascript?

My navbar doesn't line up in IE... how can I fix this without using Javascript...

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

Also it has to be able to work on all resolutions.

And it has to validate in strict.

Answers


You don't need to put absolute position to every single button, just position:aboslute to the parent element (navbar) and for the forms (no need of a separate style for every form) just put float:left


Put all the buttons inside a div, instead of using position relative on each button.

Then each button should be next to each other.


Put all the buttons inside one div.

You have:

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

Remove the nested divs. And also you're missing a closing div after your last form close.

    <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>

Need Your Help

How to get data with tag name & their values inside parent tag in xml

java xml-parsing

I am working on Java. I am parsing an xml file, I am getting tag values, it is working. I have xml file as follows:

For loop example in MySQL

mysql for-loop

In MySQL, I have this stored procedure with a For loop in it: