разрыв в один пиксель между тегом p и тегом ввода - PullRequest
Новая
       9

разрыв в один пиксель между тегом p и тегом ввода

1 голос
/ 12 июня 2009

Почему между верхним и нижним краями тега p в следующем коде в IE6 и IE7 создается разрыв в один пиксель, а в Firefox или IE8 нет? Я дергал себя за волосы, пытаясь создать текстовое поле поиска на сайте powerset и достаточно интересно, у них нет ошибки в IE6 или IE7. Что я делаю не так? 

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style type="text/css">
            #sbox
            {
                overflow: hidden;
            }
            #sbox p
            {
                /*border:1px solid #dae7fa; */
                float:left;
                display: block;
                border: 1px solid red;
                width: 208px;
                padding: 0;
            }
            input#q
            {
                font-size: 11px;
                padding: 3px;
                border: 1px solid blue;
                width: 200px;
                color: #999999;
            }
        </style>
    </head>
    <body>
        <div id="sbox">
            <p>
                <input id="q" type="text" value="Search..." />
            </p>
        </div>
    </body>
    </html>

1 Ответ

1 голос
/ 12 июня 2009

Добавьте float:left; к входу # q. Это приведет к краху р и избавится от разрыва.

...