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

Тема в разделе "Веб-дизайн", создана пользователем toxass, 4 сен 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. toxass

    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>
     
  2. m6kin

    m6kin Постоялец

    Регистр.:
    20 окт 2008
    Сообщения:
    51
    Симпатии:
    22
    Ну навскидку)) попробуйте так:
    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>
     
  3. toxass

    toxass Постоялец

    Регистр.:
    24 июл 2007
    Сообщения:
    114
    Симпатии:
    15
    m6kin, все криво так и осталось.
     
  4. m6kin

    m6kin Постоялец

    Регистр.:
    20 окт 2008
    Сообщения:
    51
    Симпатии:
    22
    тогда так:
    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>
     
  5. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.130
    Симпатии:
    668
    http://www.makexhtml.ru/post-1.html
    здесь для современных браузеров фиксы есть, в том числе и для оперы
     
  6. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    780
    Симпатии:
    153
    не пашет ссылка. 403
     
  7. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.130
    Симпатии:
    668
    хз, у меня работает все
     
  8. comua

    comua Постоялец

    Регистр.:
    26 фев 2008
    Сообщения:
    110
    Симпатии:
    31
    Вот вырезка из сайта, но врядли он ачем-то поможет

    Данный пост больше является заметкой для меня самого и не несет большой смысловой нагрузки, но я буду рад, если описанное ниже пригодится кому-либо еще
    Для IE6:
    *html .class {
    color:#fff;
    }
    Для IE7 (схватывают также и более младшие версии, но этот метод невалиден:(
    .class {
    //color:#fff;
    }
    Для Opera 9.6+
    noindex:-o-prefocus, .class {
    color:#fff;
    }
    Для Firefox:
    .class, noindex:-moz-any-link {
    color:#fff;
    }
    Для Safari и Google Chrome:
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    .class {
    color:#fff;
    }
    }


    Добавлено через 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>
     
    toxass нравится это.
  9. comua

    comua Постоялец

    Регистр.:
    26 фев 2008
    Сообщения:
    110
    Симпатии:
    31
Статус темы:
Закрыта.