Confusing <DIV> Issue - Need Help

halifaxer

I have the following code for you and link:

http://malegroomingfordummies.co.uk/login.php

<?
  if($session->logged_in){
?>
    <div id="mainForm">
      <form action="process.php" method="POST">

    <?php
      echo "<div id='formWelcome'>Welcome <b>$session->username</b>,<br /> you are now logged in.</div>";
      echo "<div>&nbsp;</div>";
      echo "<div id='formOptions'>";
        echo "<a href=\"userinfo.php?user=$session->username\">My Account</a><br />";
        echo "<a href=\"useredit.php\">Edit Account</a><br />";

          if($session->isAdmin()){
            echo "<a href=\"admin/admin.php\">Admin Center</a><br />";
          }

        echo "<a href=\"process.php\">Logout</a>";
      echo "</div>";
      echo "<div>&nbsp;</div>";
      echo "<div id='formWelcome'>Please take a look around and take advantage of the privileges available to our members, including discount codes for online shopping.</div>";
?>

  </form>

</div>

<?php
  }
  else{
?>

<div id="mainForm">
  <form action="process.php" method="POST">

<?
  if($form->num_errors > 0){
    echo "<div>".$form->num_errors." error(s) found</div>";
  }
?>

    <div id="formUsername">Username: </div>
<div id="boxUsername"><input type="text" name="user" maxlength="30" style="width:115px" value="<? echo $form->value("user"); ?>"></div>
<div><? echo $form->error("user"); ?></div>
<div id="formPassword">Password: </div>
<div id="boxPassword"><input type="password" name="pass" maxlength="30" style="width:115px" value="<? echo $form->value("pass"); ?>"></div>
<div><? echo $form->error("pass"); ?></div>
<div id="formCheckbox"><input type="checkbox" name="remember" <? if($form->value("remember") != ""){ echo "checked"; } ?>>Remember Me</div>
<div id="buttonLogin">&nbsp;&nbsp;&nbsp;<input type="hidden" name="sublogin" value="1"><input name="LOGIN" type="submit" value="LOGIN" /></div>
<div id="GAP">&nbsp;</div>
<div id="forgotPassword"><a href="forgotpass.php">Forgot Password?</a></div>
    <div id="signUp">Not registered yet?<br /><a href="register.php">Sign-Up!</a></div>
  </form>

</div>

<?
}
          // MAIN TOP - END
          echo '</div>';
        // MAIN WINDOW1
        echo '</div>';

    echo '<div id="subFile">Currently, Our Best Savings:-</div>';

The last div "subFile" seems to be appearing within the form tag and displaying directly below the form contents instead of defaulting to the next line where it should be in Mozilla, but not in IE. Help!

#adImage {
        text-align:center;
}

#adDesc {
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        text-align:center;
}

#adMain {
        float:left;
	width:250px;
        background-color:#ffffff;
}

#formBox {
        float:left;
        width:500px;
        background-color:#ffffff;
}

#boxCity {
	width:145px;
        background-color:#ffffff;
        float:left;
}

#boxCode {
	width:145px;
        background-color:#ffffff;
        float:left;
}

#boxComments {
	width:250px;
        background-color:#ffffff;
        float:left;
}

#boxCountry {
	width:145px;
        background-color:#ffffff;
        float:left;
}

#boxRating {
	width:145px;
        background-color:#ffffff;
        float:left;
}

#boxName {
	width:145px;
        background-color:#ffffff;
        float:left;
}

#boxSecurity {
	width:150px;
        background-color:#ffffff;
        float:left;
}

#boxSubmit {
	width:150px;
        background-color:#ffffff;
        float:left;
}

#formCity {
        float:left;
	width:100px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#formCode {
        float:left;
	width:100px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#formComments {
        float:left;
	width:250px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#formCountry {
        float:left;
	width:100px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#formName {
        float:left;
	width:100px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#formRating {
        float:left;
	width:100px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#formSecurity {
        float:left;
	width:100px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#formSubmit {
        float:left;
	width:100px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#mainForm {
        float:left;
        display:block;
	width:245px;
        background-color:#ffffff;
        text-align:left;
}

/************************************************
* index						*
************************************************/

/************************************************
* login						*
************************************************/

#boxPassword {
	width:120px;
        background-color:#ffffff;
        float:left;
        text-align:right;
}

#boxUsername {
	width:120px;
        background-color:#ffffff;
        float:left;
        text-align:right;
}

#buttonLogin {
        float:left;
	width:120px;
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
}

#forgotPassword {
        float:left;
	width:120px;
        background-color:#ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
        text-align:center;
}

#formCheckbox {
        float:left;
	width:125px;
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
        text-align:right;
}

#formOptions {
        float:left;
	width:245px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
}

#formPassword {
        float:left;
	width:125px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
        text-align:right;
}

#formUsername {
        float:left;
	width:125px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
        text-align:right;
}

#formWelcome {
	width:245px;
        background-color:#ffffff;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
        text-align:center;
}

#loginPromo {
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        text-align:center;
}

#signUp {
        float:left;
	width:120px;
        background-color: #ffffff;
        font-size:10px;
        font-family:verdana;
        font-weight:bold;
        text-align:center;
}

NogDog

There look to be quite a few issues with the HTML being output. The validator cannot even parse it enough to provide any useful information: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmalegroomingfordummies.co.uk%2Flogin.php

I'd suggest you start by ensuring the first line of the output is a valid, fully qualified doctype declaration (http://www.w3.org/QA/2002/04/valid-dtd-list.html). Then make sure your <head> section includes a <title> element and a Content-Type meta tag that establishes the character set, e.g.:

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

Another thing I saw was a HTML comment tag terminated with "==>" instead of "-->".

You might also want to try to throw in some newlines ("\n" within any strings echoed by your PHP code) to make it easier to read the resulting HTML output.

Then try running the output through the validator until you correct all the mark-up errors. Hopefully by then you'll have found the specific error that is causing your problem.