Firefox 4 - непреднамеренное наслоение? - PullRequest
Новая
       36

Firefox 4 - непреднамеренное наслоение?

0 голосов
/ 18 апреля 2011

Я только что перешел на Firefox 4 и посмотрел сайт, над которым я сейчас работаю. Когда я перехожу на мою страницу регистрации, кнопка «Отправить» находится ниже нижнего колонтитула. Я не совсем уверен, где я ошибся, это работало во всех браузерах раньше. Вот эта страница с кнопкой регистрации внизу, которая является многоуровневой: http://evo.writers -bbs.com / register.php

Вот быстрый код: 

<div id="registerBox">
    <br /><br />
    <div id="leftRegister">
        <?php $startSpan = "<span style=\"color:red;\">";
              if ($session->getNumErrors(1) > 0) echo $startSpan; ?>Username:</span><br /><br /><br />
        <?php if ($session->getNumErrors(2) > 0) echo $startSpan; ?>Password:</span><br /><br /><br />
        <?php if ($session->getNumErrors(3) > 0) echo $startSpan; ?>Verify Password:</span><br /><br /><br />
        <?php if ($session->getNumErrors(4) > 0) echo $startSpan; ?>Email Address:</span>
    </div>
    <form method="post" action="tinUser_processor.php">
    <div id="rightRegister">
            <input type="text" name="username" class="registerInputs" /><br /><br /><br />
            <input type="password" name="password" class="registerInputs" /><br /><br /><br />
            <input type="password" name="verifyPassword" class="registerInputs" /><br /><br /><br />
            <input type="text" name="email" class="registerInputs" /><br /><br />
            <input type="hidden" name="processType" value="register" /><br />
    </div>
    <div style="text-align:center;clear:both;">
            <input type="submit" value="Register" class="loginButton" style="width:75px;" />
    </div>
    </form>
</div>

и соответствующий CSS: 

#registerBox {
  width: 365px;
  height: 350px;
  background-color: #2e76ff;
  border: 3px solid #000000;
  margin: 0px auto;
}
#leftRegister {
  width: 142px;
  float: left;
  text-align: right;
  margin-right: 25px;
  color: #FFFFFF;
}
#rightRegister {
  width: 158px;
  float: left;
}

1 Ответ

1 голос
/ 18 апреля 2011

Это также сломано в IE9.Но из того, что я вижу, я думаю, что проблема в вашем коде, а не в браузерах.Прежде всего попробуйте дать ему лист сброса CSS (вы можете найти его здесь => http://meyerweb.com/eric/tools/css/reset/. Поместите все свои входные данные в тег formfeild. Не смешивайте CSS внутри разметки XTML 9, как вы делаете это на проблемной кнопке;)).Немного подкорректируйте свой CSS, если есть некоторые стилистические неудобства.Я думаю, что вы должны быть после этих шагов.

...