- куда уж подробней то? Где у вас начинается список, с элемента <div id="menu"> и сразу пошли элементы li.
Тогда уж - <ul id="menu"><li>.....
Для начала поставьте родительский UL в меню.
- то нужно руки отрывать за такие конструкции.
Об этом же говорит и валидатор:
- именно фуфло .... в коде, а браузер здесь не при чем.
- Да просто включил в Хроме "инструмент разработчика" при просмотре вашей страницы и поправил таким образом вывод вашего футера.
#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 Атрибуты:
- да, это есть правда. Элемент <li> имеет модель содержимого %flow; и может содержать в себе как элементы уровня блока (div, p), так и элементы уровня символа, текстовые строки( %inline; ). На кроссбраузерность могут влиять лишь свойства, прописанные элементам, вложенным в <li>, как и свойства самого этого элемента.
Но! были замечены ошибки такого плана: <ul><p><li> - а вот это уже недопустимая конструкция, т.к. элемент <ul> лишь определяет неупорядоченный список и не предполагает в себе никаких элементов, кроме собственно <li>.