Расположение заголовка моего сайта правильно выровнено в автономном режиме, но в Chrome он выровнен неправильно

У меня есть заголовок, который выровнен правильно, когда я смотрю его в автономном режиме, а также в Интернете с помощью Safari. Когда я просматриваю его в Интернете с помощью Chrome, он неправильно выровнен, но если я обновлю страницу, он будет правильно выровнен.

Вот URL-адрес веб-сайта, на котором вы сами можете посмотреть на проблему: http://viscovisco.com/ (обновите браузер, чтобы убедиться, что проблема устранена, проблема, по-видимому, возникает только в Chrome).

Также не стесняйтесь проверять элемент. Дайте мне знать, если вам нужна дополнительная информация.

Вот HTML-код для раздела, который, кажется, работает неправильно онлайн:

<div class = "container">

    <div id="box1">
        <span id="firstname" onmouseover="nameToMatt()" onmouseout="defaultMode()">VISCO</span>

        <span id="lastname" onmouseover="nameToLexi()" onmouseout="defaultMode()">VISCO</span>

        <br>
        <span id="information"></span>
        <br>
        Design & Programming
    </div>

    <div id="rightBoxes">
        <div id="box2">
            <i>Est.</i> 2014.
            <br>
            Based in SF Bay Area
        </div>

        <div id="box3">
            <div class="letter"> L </div> 510 541 2464
            <br>
            <div class="letter"> M </div> 510 367 6435
        </div>

        <div id="box4">
            Hallo!
            <br>
            projects@viscovisco.com
        </div>  
    </div>

</div>

Вот связанный CSS:

.container {
    font-family: "Times New Roman", Times, serif;
    font-size: 18.66px;
    line-height: 22.4px;
    min-width:960px;
}
.container > div {
    display: inline-block;
}

#box1 {
    width: 340px;
}

#rightBoxes {
    float: right;
}

#rightBoxes > div {
    float: left;
}

#box2 {
    margin-right: 45px;
}

#box3 {
    margin-right: 81px;
}

Вот скриншот правильного и неправильного форматирования сайта. Слева указан неправильный формат, который я вижу только на веб-сайте Chrome broswer при первом открытии веб-сайта. Справа указан правильный формат, на который Chrome переключается при обновлении веб-сайта (этот формат также отображается в автономном режиме и в Safari):

(изображение немного отсекает сайт, вы должны увидеть полноценный сайт и заметить поведение, описанное выше, нажав на ссылку, указанную выше)

0 ответов

Другие вопросы по тегам