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>.
- куда уж подробней то? Где у вас начинается список, с элемента <div id="menu"> и сразу пошли элементы li.
Тогда уж - <ul id="menu"><li>.....
Для начала поставьте родительский UL в меню.
- то нужно руки отрывать за такие конструкции.
Об этом же говорит и валидатор:
document type does not allow element "H2" here
- именно фуфло .... в коде, а браузер здесь не при чем.
Не совсем понял, что вы этим хотели сказать?
- Да просто включил в Хроме "инструмент разработчика" при просмотре вашей страницы и поправил таким образом вывод вашего футера.
#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=",то в вашем случае ставьте этот:
"смягчить" условия XHTML нельзя, но можно задуматься - а нужен ли вам этот синтаксис? Чем не устраивает HTML?
В данном конкретном случае Page Speed не совсем прав. Почему не совсем: да, в некоторых случаях, спецификация оговаривает, что можно применять значение свойств без кавычек - п. 3.2.2 Атрибуты:
Мы рекомендуем использовать знак кавычек даже тогда, когда можно обойтись без него..
- да, это есть правда. Элемент <li> имеет модель содержимого %flow; и может содержать в себе как элементы уровня блока (div, p), так и элементы уровня символа, текстовые строки( %inline; ). На кроссбраузерность могут влиять лишь свойства, прописанные элементам, вложенным в <li>, как и свойства самого этого элемента.
Но! были замечены ошибки такого плана: <ul><p><li> - а вот это уже недопустимая конструкция, т.к. элемент <ul> лишь определяет неупорядоченный список и не предполагает в себе никаких элементов, кроме собственно <li>.