Макет выглядит хорошо на Localhost, но ломается на живом сайте?

Question

Это странная проблема. Я строю новый макет в localhost. Расположение выглядит совершенно нормально на локальном сервере; без ошибок, без вывода из родительского поля.

Но когда я помещаю его на живой сайт / живой сервер, макет неожиданно ломается. Боковая панель всплывает из родительского поля, и есть также функция, которая не работает.

.

Вот несколько скриншотов:

Обычный макет (при просмотре на локальном хосте):

http://i.imgur.com/19rGS.png

Сломанный макет (при просмотре на живом сайте):

http://i.imgur.com/rzauG.png (боковая панель всплывает из коробки и перемещается вниз, проверьте следующий снимок экрана)

http://i.imgur.com/kvX86.png

.

Я проверил как исходный код (на локальном хосте и живом сайте), так и странно, что они в точности совпадают. Я действительно понятия не имею, почему это происходит. Любая помощь? Для дополнительной информации, сайт использует Wordpress для CMS.

Answer 1

Макет не совпадает между страницей поста и вашей домашней страницей. Например, на вашей домашней странице #primary является дочерним элементом #main:

<div id="main"> 
    <div id="container">
    </div><!-- #container -->

    <div id="primary" class="widget-area">
    </div><!-- #primary .widget-area -->

    <div id="secondary" class="widget-area">
    </div><!-- #secondary .widget-area -->
</div>

Тем не менее, на ваших страницах сообщений #primary является не дочерним элементом #main, что нарушает ваш CSS и отталкивает боковую панель от страницы:

<div id="main"> 
    <div id="container">
    </div><!-- #container -->
</div><!-- #main -->

    <div id="primary" class="widget-area">
    </div><!-- #primary .widget-area -->


    <div id="secondary" class="widget-area">
    </div><!-- #secondary .widget-area -->

Надеюсь, это поможет.

Answer 2

Имейте в виду, что в производственном режиме могут возникать проблемы, такие как загрузка кэша ... Это означает, что всякий раз, когда вы пытаетесь загрузить что-то новое, хост может отображать старую версию файла.

Например,если вы загружаете свой сайт на хост и у вас есть css:

style.css

И вы хотите что-то изменить, вы можете сделать либо:

1.Задать запросхостинг для перезапуска сервера после того, как вы загрузили новый css.

или

2. Загрузите тот же файл, но с другим именем, например stylev1.css

Не забудьте упомянуть его в заголовке html.

Это должно быть быстрым решением проблемы.