сайт не отображается должным образом - PullRequest
1 голос
/ 20 июля 2009

Я работаю над созданием сайта, используя фреймворк CakePHP. Моя проблема в том, что иногда он не отображается должным образом. либо CSS не применяется, либо применяется наполовину. После обновления страницы 4-5 раз она отображается правильно. Проблема со всеми браузерами. Эта проблема возникает довольно часто при просмотре веб-сайта, а также является фактором, снижающим популярность моего сайта. Вот скриншот. альтернативный текст http://img339.imageshack.us/img339/7528/mytopten1248071956588.jpg

Вот мой сайт www.mytopten.in

Пожалуйста, помогите мне понять и решить эту проблему.

Спасибо

Ответы [ 2 ]

2 голосов
/ 20 июля 2009

Найдите файл \ app \ views \ layouts \ default.thtml.

Ваш текущий код выглядит так

<title>MyTopTen</title>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

Переместить заголовок тега внутри головы. Переместить оператор ссылки CSS

<link rel="stylesheet" type="text/css" href="/css/cake.generic.css" /> 

к голове тоже. Вы загружаете его после #main и перед #sidebar. CSS должен быть загружен в <head>, иначе это может вызвать несогласованный рендеринг.

2 голосов
/ 20 июля 2009

Прежде всего, id говорят, что ваш css должен загружаться в заголовок, а не на полпути через тело.

Страница мигает для меня (из-за этого), но CSS действительно загружается, и я не смог повторить проблему за этим.

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

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mytopten.in%2Ftopics%2Findex%2Fordermode%3Apopular

Переведите страницу в состояние, в котором она вначале напоминает XHTML 1.0: o) (XHTML 1.0 Transitional, как вы установили)

Вывод валидатора довольно многословен, но в случае вашего css, если вы хотите использовать один и тот же стиль несколько раз и хотите приписать его каждому элементу, к которому хотите применить (вместо использования parent: child), вы следует использовать класс (.mystyle // class="mystyle") для повторяющихся стилей и id (#myid // id="myid") для уникальных элементов. Идентификатор должен появляться только один раз на странице.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...