Вот вам сервис как доказательства моих слов http://viewlike.us/


Я извиняюсь, но с какого перепугу? ID вообще применяется в исключительных случаях.

Я пробовал так. Весь сайт растянулся на ширину экрана, и текст тоже, а верхнее меню сдвинулось в лево

А 96% поставить не судьба и указать еще параметр text-align: center; ???

Щас попробую, спасибо.

и зачем в #layout position: relative; ... он лишний

Как-то не очень похоже на "сайт для себя"
по верстке...
1. перестаньте писать стили в хтмл, это не красиво, привыкайте писать сразу в ксс.
2. зачем дивам задавать ширину 100%?
3. зачем везде писать position: relative;? на всякий случай? как и ширину дивам?
4. зачем #head float left? зачем вообще нужен див head?
5. id head это пять однозначно, вы забыли id body id html
6. зачем лейаут2? (ну или лейаут, на выбор) из трех дивов head layout layout2 реально нужен только 1


с какого перепугу айди в исключительных случаях применяется? ключевым элементам тегам давать # это вполне нормально. или считаешь, что надо писать class="header" class="content" class="footer" и так далее?)
Если элемент не планирует повторяться, то # вполне оправдан.



это инфа какого века? и id="head" это модно? тогда уж <div id="body">Контент</div> ))
уже довольно давно классическая схема
<div id="wraper">
<div id="header"></div>
<div id="content">
<div id="main_menu"></div>
<div id="left_menu"></div>
<div id="right_menu"></div>
</div>
</div>
<div id="footer"></div>
(вроде ничего не напутала)

Сообщение отредактировал Milera - 9.2.2012, 23:37

Потом люди думают, почему у них сайт валидацию не проходит!

Я понимаю что данный код валиден, но если бы все ограничивались только этими ID

и чем же это нарушает синтаксис? мне аж интересно, щас загоню свой сайт в валидатор
Вообще такая схема является не то чтобы валидной, она является абсолютно кроссбраузерной, в том числе даже для резиновых сайтов в ие6 подходит

ps да как ни странно у меня валидация горит зелененьким, специально несколько своих сайтов загрузила

кстати микроошибочка в схеме, <div id="main_menu"></div> тут я пропустила 1 див, должно быть <div id="main_menu"><div id="all"></div></div> (просто писала по памяти на коленке)


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

А что касается чистой валидации, просто как абсолютной величины
вот вам сайт гугла в валидаторе

то есть гугл плохой и не валидный сайт, ок.

Сообщение отредактировал Milera - 10.2.2012, 0:43

Тем что многие в дальнейшем применяют дополнительные ID, по поводу и без повода. На что валидатор начинает немного обижаться и "краснеть". Вы же не знаете что в дальнейшем этот человек задумает реализовать?! Нет смысла одним махом делать из новичка, продвинутого верстальщика.
Так вот что бы этого не было, настоятельно не рекомендую практиковать эту схему именно новичкам, так как можно прекрасно обходиться и без ID применяя исключительно class


Вы совершенно правы плохой и не валидный.
PS: не забывайте пожалуйста, что такое "валидация как эталон", и для чего она предназначена в "чистом" виде.

ну это уже другой вопрос, никакого отношения к моим постам он не имеет, я ведь сказала


кстати, небольшой лирический отступ, чисто ради справки, повторение айди нарушает валидацию, и да это не правильно, но повторенный айди вполне может быть использован, и ничем не мешает правильному отображению в любом из браузеров (кроме ие6 - в нем не тестила, но не думаю что будут проблемы)

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


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

Сообщение отредактировал Milera - 10.2.2012, 0:55