Пример верстки HTML5+CSS3

[littlestrow]

Пример верстки HTML5+CSS3

Оцените верстку:

⚠ Тільки зареєстровані користувачі бачать весь контент та не бачать рекламу.

Сверстано блоками. Страница адаптируется к разрешению экрана.
Чтобы посмотреть, как это происходит, зажмите клавишу Ctrl и покрутите колесико мышки в обе стороны. Вы увидите поведение страницы для разных разрешений.

 

[Lenka-S]

Страница адаптируется к разрешению экрана.

не адаптируется

 

[littlestrow]

не адаптируется

Че происходит?

Горизонтальный скроллинг появляется?

 

[Lenka-S]

Че происходит?

Горизонтальный скроллинг появляется?

да, причем только на левую верхнюю картинку
это на хроме

 

[littlestrow]

Скрин в студию!!!!

Вот как выглядит сайт на разных разрешениях экрана:

 

[3em]

и что там HTML5 кроме доктайпа?

 

[NeFRiC]

Если первый сверстанный шаблон то норм.

 

[littlestrow]

Если первый сверстанный шаблон то норм.

А если второй?

и что там HTML5 кроме доктайпа?

Ну как, пятерка основана на XML стандарте, там все теги закрыты. Четвертый был еще на SGML основан, там можно было не закрывать (согласно спецификации). )))



Вот еще пример, уже второй страницы.
Тут есть медиазапросы. Можно покрутить колесико мышки туда-сюда и посмотреть, как страничка будет реагировать на изменение размера окна.

⚠ Тільки зареєстровані користувачі бачать весь контент та не бачать рекламу.

Горизонтальный скроллинг появляется после 450, дальше уже надоело адаптировать.

 

[crosss]

в первом варианте лого налазит на меню при минимальном размере рушится верстка меню и лого