Olldman

Olldman
Рейтинг
79
Регистрация
21.04.2010
Должность
freelance
Интересы
верстка html/css
Можно подробней?

- куда уж подробней то? Где у вас начинается список, с элемента <div id="menu"> и сразу пошли элементы li.

Тогда уж - <ul id="menu"><li>.....

Для начала поставьте родительский UL в меню.

если смотреть глазами верстальщика

- то нужно руки отрывать за такие конструкции.

Об этом же говорит и валидатор:

Validation Output: 1 Error
document type does not allow element "H2" here
Вы это ТС-у расскажите, а то у него фуфло в этом браузере.

- именно фуфло .... в коде, а браузер здесь не при чем.

mark2011:
Не совсем понял, что вы этим хотели сказать?

- Да просто включил в Хроме "инструмент разработчика" при просмотре вашей страницы и поправил таким образом вывод вашего футера.

#page {
width: 1920px;
margin-left: -960px;
left: 50%;
position: relative;
overflow: hidden;
padding-bottom: 93px;
}
#bottom {
width: 1920px;
height: 93px;
position: absolute;
bottom: 0px;
background-image: url('../images/bottom.jpg');
}

1. А причем здесь синтаксис?

2. Если фото выглядят обрезанными, значит есть ошибки либо в html-коде, либо в стилях.

Вы просто поймите одно - если ставите обрезанный DOCTYPE, то любой браузер переключается в режим quirks mode (обратной совместимости) и документ обрабатывается как не соответствующий стандартам, где каждый браузер справляется с ошибками по своему. Кроссбпаузерности при этом добиться невозможно, не применив кучу хаков под каждый браузер.

То, что вы прописали - это не Доктайп, можете смело снести. Ну а если у вас допускаются такие вот конструкции - "<table background=",то в вашем случае ставьте этот:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

"смягчить" условия XHTML нельзя, но можно задуматься - а нужен ли вам этот синтаксис? Чем не устраивает HTML?

В данном конкретном случае Page Speed не совсем прав. Почему не совсем: да, в некоторых случаях, спецификация оговаривает, что можно применять значение свойств без кавычек - п. 3.2.2 Атрибуты:

В некоторых случаях авторы могут устанавливать значение атрибута без использования кавычек. Значение атрибута может содержать только (a-z и A-Z), цифры (0-9), дефисы (ASCII десятеричная 45), точку (ASCII десятеричная 46), символ подчёркивания (ASCII десятеричная 95) и двоеточие (ASCII десятеричная 58).
Мы рекомендуем использовать знак кавычек даже тогда, когда можно обойтись без него..
схема "<ul><li><p>" является полностью валидной, отображается во всех браузерах правильно и переделывать ее ненужно

- да, это есть правда. Элемент <li> имеет модель содержимого %flow; и может содержать в себе как элементы уровня блока (div, p), так и элементы уровня символа, текстовые строки( %inline; ). На кроссбраузерность могут влиять лишь свойства, прописанные элементам, вложенным в <li>, как и свойства самого этого элемента.

Но! были замечены ошибки такого плана: <ul><p><li> - а вот это уже недопустимая конструкция, т.к. элемент <ul> лишь определяет неупорядоченный список и не предполагает в себе никаких элементов, кроме собственно <li>.

Всего: 514