1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Некорректная заливка

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем workpage, 29 окт 2020.

  1. workpage

    workpage

    Регистрация:
    29 окт 2020
    Сообщения:
    1
    Симпатии:
    0
    Меняю цвета заливки через сценарий.
    Код:
        if (event.data.indexOf('╔72') == 0) {
        document.getElementById('f1_v_color').style.color= 'white';
        document.getElementById('f1_v_color').style.backgroundColor= 'green';}
    
    Всё работает, НО между рамкой и цветовой заливкой при увеличинии, или на 4к мониторе появляется бела полоса.
    [​IMG]
    Код:
    <div class="main1">
        <div id='f1_v_color'>
            <div style = "padding: 5px 10px;">L1 - <span id="f1_v"></span>v</div>
        </div>
    </div>
    
    CSS:
    Код:
    .main1
     {
        text-align: center;
        width: 90px;
        display: inline-block;
        border: 1px solid black;
        border-radius: 8px;
        overflow: hidden;
        margin: 0 auto;
     }
    

    Если я все параметры беру статически из css, никаких проблем нет. Заливает корректно.
    Глюк на всех браузерах.
    Всю голову уже сломал. Помогите пожалуйста.