Проблема с дивной версткой в Opere

Статус
В этой теме нельзя размещать новые ответы.

toxass

Постоялец
Регистрация
24 Июл 2007
Сообщения
114
Реакции
15
Во всех браузерах форму выводит четко, а вот в Опере 9 все поплыло. Ниже CSS стиль и HTML код формы. Надеюсь на вашу помощь.

HTML:
#forms {
  width: 600px;
  margin-top: 25px;
}
#forms input{
  padding:   5px;
  width: 400px;
  font-family: Helvetica, sans-serif;
  font-size: 1.4em;
  margin: 0px 0px 10px 0px;
  border: 2px solid   #ccc;
}
#forms textarea {
  height: 90px;
  margin: 0px 0px 10px 0px;
  width: 400px;
  border: 2px solid   #ccc;
}
#forms button {
  width: 100px;
  height:36px;
  font-size:14px;
  border: 2px solid  #ccc;
}

#forms label {
  float: left;
  text-align: right;
  margin-right:   15px;
  width: 100px;
  font-family:Arial, Helvetica, sans-serif;
  color:#FF822F;
  font-size:12px;
  font-weight:bold
}
.captcha { padding: 0px 0px 10px 118px}

HTML:
    <FORM method=post>
                          <DIV id=forms>
                            <LABEL>Имя:</LABEL>
                            <INPUT name=name>
                            <LABEL>Комментарий:</LABEL>
                            <TEXTAREA name=cmnt></TEXTAREA>
                            <LABEL>Текст с картинки:</LABEL>
                            <INPUT name=captcha>
                            <DIV class=captcha>
                              <INPUT type=hidden value=10536 
                  name=info>
                              <IMG style="VERTICAL-ALIGN: middle" 
                  src="index_files/captcha.jpg">
                              <INPUT type=hidden value=1 
                  name=send>
                              <BUTTON 
                  type=submit>Отправить</BUTTON>
                            </DIV>
                          </DIV>
                        </FORM>
 
Ну навскидку)) попробуйте так:
HTML:
<FORM method=post>
                          <DIV id=forms>
                            <INPUT name=name>
                            <LABEL>Имя:</LABEL>
                            <TEXTAREA name=cmnt></TEXTAREA>
                            <LABEL>Комментарий:</LABEL>
                            <INPUT name=captcha>
                            <LABEL>Текст с картинки:</LABEL>
                            <DIV class=captcha>
                              <INPUT type=hidden value=10536 
                  name=info>
                              <IMG style="VERTICAL-ALIGN: middle" 
                  src="index_files/captcha.jpg">
                              <INPUT type=hidden value=1 
                  name=send>
                              <BUTTON 
                  type=submit>Отправить</BUTTON>
                            </DIV>
                          </DIV>
                        </FORM>
 
m6kin, все криво так и осталось.
 
тогда так:
HTML:
<FORM method=post>
                          <DIV id=forms>
                            <div><LABEL>Имя:</LABEL>
                            <INPUT name=name></div>
                            <div><LABEL>Комментарий:</LABEL>
                            <TEXTAREA name=cmnt></TEXTAREA></div>
                            <div><LABEL>Текст с картинки:</LABEL>
                            <INPUT name=captcha></div>
                            
                            
                            <DIV class=captcha>
                              <INPUT type=hidden value=10536 
                  name=info>
                              <IMG style="VERTICAL-ALIGN: middle" 
                  src="index_files/captcha.jpg">
                              <INPUT type=hidden value=1 
                  name=send>
                              <BUTTON 
                  type=submit>Отправить</BUTTON>
                            </DIV>
                          </DIV>
                        </FORM>
 

здесь для современных браузеров фиксы есть, в том числе и для оперы
 
не пашет ссылка. 403
Вот вырезка из сайта, но врядли он ачем-то поможет


Добавлено через 16 минут
Вот попробывал у себя в опере. Пример действительно был косяком, чуток подправил и без всяких фиксов нормально стало
HTML:
<FORM method=post>
	<DIV id=forms>
		<LABEL>Имя:</LABEL>&nbsp;<INPUT name=name><br>
		<LABEL>Комментарий:</LABEL>&nbsp;<TEXTAREA name=cmnt></TEXTAREA><br>
		<LABEL>Текст с картинки:</LABEL>&nbsp;<INPUT name=captcha><br>
		<DIV class=captcha>
			<INPUT type=hidden value=10536 name=info>
			<IMG style="VERTICAL-ALIGN: middle" src="index_files/captcha.jpg">
			<INPUT type=hidden value=1 name=send>
			<BUTTON type=submit>Отправить</BUTTON>
		</DIV>
	</DIV>
</FORM>
 
Вот еще полезная статья. Случай малость другой, но все же стоит обратить свое внимание.
Для просмотра ссылки Войди или Зарегистрируйся
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху