За последние 24 часа нас посетили 21528 программистов и 1692 робота. Сейчас ищут 1858 программистов ...

Помогите решить проблему с высотой и ширинок div

Тема в разделе "HTML и CSS", создана пользователем pr0n1x, 1 июн 2009.

  1. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    Помоги пожалуйста, а то уже нервы сдают, не могу понять в чем дело.

    Создаю div со следующими стилями:
    #icq {
    width:210px;
    height:30px;
    position:relative;
    top:10px;
    left:140px;
    color:#002f47;
    text-align:right;
    border:1px solid red;
    }

    в FireFox его длина и высота (без бордера) = 210х30, в IE (без бордера) 208x28, как решить эту проблему?
     
  2. TheShock

    TheShock Активный пользователь

    С нами с:
    30 май 2009
    Сообщения:
    1.255
    Симпатии:
    0
    Адрес:
    Київ
    Использовать уже, наконец, правильный доктайп. Хотябы следующий:
    <!DOCTYPE html>
    Ставить в начало хтмл-страницы ПЕРЕД тегом <html>
    Тогда IE будет работать так же, как и браузеры
     
  3. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    СПАСИБО ОГРОМНОЕ, реально помогло, даже и мысли не было, что в этом причина может быть
     
  4. TheShock

    TheShock Активный пользователь

    С нами с:
    30 май 2009
    Сообщения:
    1.255
    Симпатии:
    0
    Адрес:
    Київ
    А все после этого будут хаять ИЕ 6, что он неправильно отображает сайты :)
    pr0n1x, всегда пожалуйста :)
     
  5. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    Возникла еще одна проблема.
    Сейчас высота и ширина в разных браузерах совпадают, но теперь когда пишу текст эелементе div то отступ от вернего края у разных браузеров разный, вот пример:

    #icq_number {
    width:100px;
    height:18px;
    font:16px Arial;
    float:left;
    padding-top:0px;
    vertical-align:0px;
    border:1px solid red;
    }

    В FireFox отступ текста от верхнего края составляет 4 пикселя, а в IE составляет 3 пикселя. Свойство padding-top:0px вообще никак не влияет на верхний отступ, не могу понять в чем дело?
     
  6. TheShock

    TheShock Активный пользователь

    С нами с:
    30 май 2009
    Сообщения:
    1.255
    Симпатии:
    0
    Адрес:
    Київ
    line-height ?
     
  7. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    спасибо сработало