За последние 24 часа нас посетили 17458 программистов и 1720 роботов. Сейчас ищут 1950 программистов ...

CSS: IE высоту в 1px расширяет до 10px

Тема в разделе "HTML и CSS", создана пользователем Danilevsky, 22 авг 2006.

  1. Danilevsky

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

    С нами с:
    12 фев 2006
    Сообщения:
    286
    Симпатии:
    0
    Адрес:
    Киев
    задрал этот эксплорер уже:
    Код (Text):
    1. #menu_line2 {
    2.     margin:0;
    3.     padding:0;
    4.     position:relative;
    5.          top:38px;
    6.     left:20px;
    7.     width:720px;
    8.          height:1px;
    9.     background-color:#CCCCCC;      
    10. }
    Все броузеры как броузеры, а эксплорер показывает мне линию высотой не в 1 пиксель как это нужно, а целых 10 примерно.
    Как с ним бороться?
     
  2. Vlad

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

    С нами с:
    22 мар 2006
    Сообщения:
    51
    Симпатии:
    0
    Адрес:
    Питер
    Код (Text):
    1.  
    2. #menu_line2
    3.     {
    4.         margin:0px;
    5.         padding:0px;
    6.         position:relative;
    7.         top:38px;
    8.         left:20px;
    9.         width:720px;
    10.         border-bottom:1px solid #ccc;
    11.     }
     
  3. Danilevsky

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

    С нами с:
    12 фев 2006
    Сообщения:
    286
    Симпатии:
    0
    Адрес:
    Киев
    Vlad, сенкс, все пашет.
    п.с. все для этого эксплорера нужно через жопу делать...
     
  4. Danilevsky

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

    С нами с:
    12 фев 2006
    Сообщения:
    286
    Симпатии:
    0
    Адрес:
    Киев
    Vlad
    а если я хотел-бы сделать полоску шириной в 1 пиксель белого цвета. и чтоб верхний и нижний бордюр был по одному пикселю красного цвета.
    что ж это выходит такого вэксплорере не сделать?
     
  5. def

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

    С нами с:
    24 апр 2006
    Сообщения:
    230
    Симпатии:
    0
    Адрес:
    Питер
    почему не сделать

    Код (Text):
    1.  
    2. <style>
    3.  
    4. #asdf {
    5.  border-right: red 1px solid; border-left: red 1px solid;
    6.  height: 2px ;
    7.  background-color: green;  
    8.  overflow: hidden;
    9.  width: 500px;
    10. }
    11.  
    12. </style>
    13.  
    14. <div id='asdf'></div>
     
  6. Danilevsky

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

    С нами с:
    12 фев 2006
    Сообщения:
    286
    Симпатии:
    0
    Адрес:
    Киев
    def спасибо. вот это действительно помогло:
    Код (Text):
    1. overflow: hidden;
     
  7. Ti

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

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    причина в том что IE добавляет высоту строки
    вместо
    можно
    Код (Text):
    1. font-size: 0;
     
  8. X-Cray

    X-Cray Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    255
    Симпатии:
    0
    Адрес:
    Москва
    Я могу привести туеву хучу примеров из моего кодинга 2хлетней давности, где я был уверен, что через жопу делать надо для Мозиллы и Оперы, а все оказалось проще:

    чтобы линию нарисовать надо hr использовать, а еще лучше курить www.w3c.org
     
  9. def

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

    С нами с:
    24 апр 2006
    Сообщения:
    230
    Симпатии:
    0
    Адрес:
    Питер
    Ну FF самый близкий к стандартам, Opera хуже, IE 6 в стрикт более менее вменяемый ) А вот 5ки - это, кхм, кхм, браузеры)
     
  10. Vladson

    Vladson Старожил

    С нами с:
    4 фев 2006
    Сообщения:
    4.040
    Симпатии:
    26
    Адрес:
    Estonia, Tallinn
    Не факт, я видел обзор обширный (там учитывалось всё что касается W3C) в разных категориях по разному, где-то Опера, а где-то ФФ (но тут это оф-топ)

    (однажды сделал сайт и протестировал его в Konqueror, FF и в Опере всё было отлично, потом как глянул на него в IE6 был в шоке, а потом в IE5 и вовсе чуть со стула не упал)
     
  11. Ti

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

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    давно так не смиялся
     
  12. topas

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

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    Оценки браузерам по десятибальной шкале (имхо):

    Opera - 7 баллов
    +: хорошая работа с таблицами, скриптами, юзабилити
    -: ест много оперативки

    FF - 6 баллов
    +: придерживается спецификации, простой, удобный, вообщем на совесть
    -: не замечено

    NN - 3 балла
    +: движок мозила... ну и все пожалуй...
    -: неповоротливый, не удобный...

    IE - 10!!! баллов
    за исключением всех остальных минусов и недостатков есть большой плюс: отображает и показывает все что нужно!.. и даже,
    внимание, все что не нужно но хочется! (вопрос только: кому хочется?)

    вот так... %)
     
  13. def

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

    С нами с:
    24 апр 2006
    Сообщения:
    230
    Симпатии:
    0
    Адрес:
    Питер
    смеятся полезно :)

    а хуже поддерживает - в смысле ошибок в ней навалом (конкретно уже не вспомню, но с этим браузером были проблемы).
     
  14. vb

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

    С нами с:
    6 июн 2006
    Сообщения:
    911
    Симпатии:
    0
    Адрес:
    Saint-Petersburg
    topas
    ff на первое место полюбому. В опере глюки с отображением очень сильные - не просто так ведь половина сайтов криво отображается в опере.

    IE, да точно 10 балло для юЗверей, для программистов в корзину.

    Первое что вспоминается:

    по IE - кривое отображение options в <select>, кривое отображение слоев, фичи не здоровые.... Для отображения флеша теперь нужно прикручивать дополнительный JS чтобы избежать рамки.

    NN - криво работает с элементами передвигаемыми JS.

    Opera - просто глючно отображает половину страниц в инете , а так ничего :).

    FF - супер классная штука, всем разработчикам курить FF + w3c :)
     
  15. Ti

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

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    def
    были !== есть

    topas
    это ваше имхо?

    проблем при верстке хватает и с оперой и с фф и с IE примерно в равной степени
     
  16. Ti

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

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    она между тем прошла тест Acid2 в отличии от FF
    и стандарты поддерживает наиболее полно
     
  17. vb

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

    С нами с:
    6 июн 2006
    Сообщения:
    911
    Симпатии:
    0
    Адрес:
    Saint-Petersburg
    Ti
    не нифига - если только под ие верстаешь - то задача проста как три копейки :) Пиши что пришло в голову, используй дополнительные фичи только ие :).

    в ff если хорошо ориентируешься в w3c проблем почти нет. И почти отображается нормально в других браузерах :). На самом деле проще всего писать на FF потом смотреть какие браузеры _глючат_.
     
  18. Ti

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

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    vb
    буду спорить.
    + в опере большее количество под ie заточеных сайтов отлично отображаются
     
  19. vb

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

    С нами с:
    6 июн 2006
    Сообщения:
    911
    Симпатии:
    0
    Адрес:
    Saint-Petersburg
    Ti
    да ну :) может у вас такое ощущение только потому что она уже давно?
     
  20. Ti

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

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    только факты
     
  21. def

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

    С нами с:
    24 апр 2006
    Сообщения:
    230
    Симпатии:
    0
    Адрес:
    Питер
    ты про 9ку ? она тоже этот тест проходит, если не вру.
    под ff верстать - одно удовольствие, проблем с ним практически не бывает.
     
  22. X-Cray

    X-Cray Активный пользователь

    С нами с:
    10 июл 2006
    Сообщения:
    255
    Симпатии:
    0
    Адрес:
    Москва
    IE: height=100% - это высота всей страницы
    Opera: height=100% - это высота рабочей части окна пользователя

    При увеличении длины страницы вниз IE 100% увеличивает в соответствии с ростом body и html, а Opera - нет.

    Далее: не пользуясь align=center и <center> выведите-ка мне таблицу по центру страницы, и чтоб она была центром страницы, а не экрана во всех браузерах даже при увеличении ее размеров (текстом) в любую сторону?

    body{
    border:0;
    border-left:2px solid black;
    border-right:2px solid black;
    }

    Вообще смешно работает, во всех браузерах по-разному, если маньячить с наличием и размерами контента на странице.

    Если бы все было так просто...

    Самый лучший браузер - linx :)
     
  23. def

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

    С нами с:
    24 апр 2006
    Сообщения:
    230
    Симпатии:
    0
    Адрес:
    Питер
    X-Cray,

    ты про это ?

    Код (Text):
    1.  
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3.  
    4. <html>
    5. <head>
    6.   <title></title>
    7.   <meta http-equiv=Content-Type content='text/html; charset=windows-1251' />
    8.   <style type="text/css" media="screen">
    9.   /*<![CDATA[*/
    10.   html, body { margin: 0; padding: 0; height: 100%; background:#fff; }
    11.  
    12.   table {  width: 60%; height: 60%; background:#eee; position:absolute; top: 20%; left:20%;  border: 1px solid #c0c0c0; }
    13.   table td { vertical-align: center; text-align: center}
    14.  
    15.   /*]]>*/
    16.   </style>
    17. </head>
    18.  
    19. <body>
    20.  
    21. <table cellpadding='0' cellspacing='0'>
    22.   <tr>
    23.     <td>
    24.       <p>center</p>
    25.     </td>
    26.   </tr>
    27. </table>
    28.  
    29. </body>
    30. </html>
     
  24. 440Hz

    440Hz Старожил
    Команда форума Модератор

    С нами с:
    21 дек 2012
    Сообщения:
    8.003
    Симпатии:
    1
    Адрес:
    Оттуда
    lynx
     
  25. svk

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

    С нами с:
    7 авг 2006
    Сообщения:
    506
    Симпатии:
    0
    Адрес:
    NetByNet