Opera и dotted border

    Однажды на одном сайте я заметил некоторую корявость при отображении Оперой, вроде бы примитивного div'a. А вчера, наконец, нашел время и желание докопаться до истины. Итак:

    <div style="
        color: #696969;
        background-color: #F5F5F5;
        padding: 10px;
        width: 770px;
        border-top: dotted #A9A9A9 1px;
        border-bottom: dotted #A9A9A9 1px;
        border-left: #669999 solid 5px;">
    Если верхний и нижний бордеры точечные - левый пропадает :-)
    </div>


    Но:

    <div style="
        color: #696969;
        background-color: #F5F5F5;
        padding: 10px;
        width: 770px;
        border-top: #A9A9A9 solid 1px;
        border-bottom: #A9A9A9 solid 1px;
        border-left: #669999 solid 5px;">
    А когда линией - все ок. Актуально для <i>dashed</i> и <i>dotted</i>.
    </div>


    image

    Баг тянется уже довольно давно, и на последней 9.64: 1048 еще не исправлен.
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама

    Комментарии 6

      0
      спасибо!
      вот оказывается из-за чего в инвижене в опере коряво отображается цитирование в дефолтном скине!
      баг конечно эпический, но что интерестно — на 9.27 его не было.
        +1
        Еще есть баг с отображением списков, который тянется с 2004-го года и так и не пофиксен…
        Если включен list-style, а первый элемент в — c position: relative, то буллеты пропадают. если первый элемент зафлоачен — та же реакция.
          0
          Пишите разработчикам!
          +2
          Не знаю с чем связан этот баг, но position: relative; для блока помогает
            0
            правый тоже пропадает, по крайней мере у меня (Opera 9.62)

            Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

            Самое читаемое