Почему мои текстовые поля расположены по-разному в разных браузерах - PullRequest
Новая
       13

Почему мои текстовые поля расположены по-разному в разных браузерах

0 голосов
/ 19 ноября 2010

это HTML-структура. 

       <form id="coment"....>
  <div id="name"><input....>....</div>
   <div id="email"><input....>....</div>
  <div id="website"><input....>....</div>
  <div id="textbox"><textarea...>....</div>
<div id="submit"><input...>....</div>
 </form>

Я хочу, чтобы поле textarea находилось справа от имени, адреса электронной почты, текста сайта.как эта картина показывает.http://run.xxmn.com/1.png

когда я добавляю этот стиль в "текстовое поле", 

    width:400px;
   position: relative;
   top: -70px;
    left: 3px;

в Chrome и IE 8, это не идентификатор div текстовой области, это выше имени, часть сайта.

В Firefox IE6,7.it показывает нормально.

Как сделать так, чтобы это было правильно в Chrome и IE 8?

1 Ответ

1 голос
/ 19 ноября 2010

Правильный способ выложить это - создать новые элементы div, представляющие столбцы для формы, и поместить три входа в левый столбец и текстовое поле в правый столбец.* 

<div class="left">
    <div id="name"><input....>....</div>
    <div id="email"><input....>....</div>
    <div id="website"><input....>....</div>
</div>
<div class="right">
    <div id="textbox"><textarea...>....</div>
</div>

Тогда: 

.left {
    float: left;
    width: 50%;
}

.right {
    float: right;
    width: 50%;
}

#name, #email, #website, #textbox {
    width: 100%;
}

#testbox {
    height: 300px; /* However tall it needs to be */
}
...