Блочная верстка - оцените уровень

Вот. Таблицы исключены полностью. Слои и списки.

посилання
посилання

Скажу как человек, не занимающийся версткой. А в чем разница ?
Т.е. какая разница для клиента, который показывает сайт людям. Какие у них преимущества перед таблицами либо перед слоями и списками ?

По теме.
Очень чисто. Понравилось.

В принципе нормально, но смущает, когда размеры окна двигаешь, получается фигня - элементы прыгают

Alecad потому что дивами без таблиц, если минимальное рекомендуемое разрешение держит то все замечательно. В данном случае сайты под 800*600 будут выглядеть ок

Myaut, HTML код красивый.
Есть замечания по "нецелевому использованию" тегов. так сказать дял полного счастья.

<div class="menu">

<p id="blueblock"><br/><a class="two" href="#">Главная</a></p>

<p class="redblock"><br/><a class="two" href="#">О компании</a></p>

<p class="redblock"><br/><a class="two" href="#">Контакты</a></p>

<p class="redblock"><br/><a class="two" href="#">Сервисное обслуживание</a></p>

<p class="redblock"><br/><a class="two" href="#">Продажа в лизтнг</a></p>

<p class="redblock"><br/><a class="two" href="#">Специальное предложение</a></p>

</div>

Помоему должен быть список вида:

<ul class=menu>

<li class="active"><a href="#">Главная</a></li>

<li><a href="#">О компании</a></li>

<li><a href="#">Контакты</a></li>

...

</ul>

Используя стили:

<div class="grayblock">

<p>Основной ассортимент продуции:</p>

</div>

Вместо:

<div class="grayblock"><br/><br/>

<p>Основной<br/> ассортимент<br/> продуции:</p>

</div>

Такое:

<li><p>1</p><a class="one" href="#">Металлопрокат</a></li>

Точно неправильно.
Минимум:

<li><span class=red>1</span><a href="#">Металлопрокат</a></li>

<p style="text-indent:0px;"><span id="firstletter">М</span>ы предлагаем Вам сотрудничество в сфере 	индивидуального решения Вашей задачи 	снабжения.</p><br/>

Вместо Style="text-..." - class=;
Вместо <span id="firstletter">М</span>ы Достаточно одного стиля в CSS (не помню какого).

<div class="sotona"><p class="ins">Адрес:

<span class="ins">660075, г. Красноярск,<br/></span>		<span class="ins">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

		ул. Железнодорожников, 17, оф. 805</span><br/>Тел./факс –&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(3912) 74-66-02.</p></div>

&nbsp - не предназначался для форматирования.

Цитата ("Azarov-IT"):

Скажу как человек, не занимающийся версткой. А в чем разница ?
Т.е. какая разница для клиента, который показывает сайт людям. Какие у них преимущества перед таблицами либо перед слоями и списками ?

посилання - ответ тут..

Цитата ("Myaut"):

Вот. Таблицы исключены полностью. Слои и списки.

посилання
]http://kosmetologiya.sibfu.com/

Нормально в целом, но за вот такое:

style="background:url('images/redwhite.gif') repeat-y ;"

и прочие стили в хтмл - я бы отрывал руки.. Советую избавиться от привычки на скорую руку таким образом писать стили..

Смартдизайну и Артлабу спасибо за замечания. Косячки появляются от замусоленых глаз.

Насчет перескакивающих менющек - Сейчас все больше и больше появляются людей с КПК, у которых маленький экран, и перескавивающие менюшки для них как нельзя кстати. А кто дома, то мигимальное разрешение 800*600 держит

Myaut, Если ты в курсе в браузере КПК скролинг тоже есть!!!

Так пусть его не будет! Ура товрищи!!!

Мне кажется или он разваливается при уменьшении окна? Этого можно избежать.
посилання
И кода много лишнего. Но молодец, все поправимо

Myaut, исправь не красиво

Lelya, там пол сайта так едет Ну почему у ИЕ всё через одно место

SolNikolay, на самом деле спорное утверждение, нужно ли это править. В любом случае с тем кодом что есть - это не проблема.

SmartDesign, сверните окно до 30-40% - всё ОЧЕНЬ поехало. Если что-то в верстке едет - это надо править

Чем вам не угодили перескакивающие блоки? Ну становиться ширина меньше оклоо 650px? ну скачут, причем довольно симпатично.
Кто то шарит на разрешение меньше 800?
Солниколай, что там в ИЕ скачет? У меня все нормально.

Myaut, тем, что это искажение дизайна. Если они скачут довольно симпатично, то сверните пикселов до 400: правое меню уехало вниз, а его фон остался на месте, блоки верхнего меню тоже поехали.
И вообще, "скачут довольно симпатично" - сильное заявлени для верстальщика

Таблицей было бы меньше кода

Курильшик -А вы шутник
Солниколай - идеального метода не существует. Да, это относительный минус слоев. Рационального зерна в вашей критике я не нахожу. Кто будет смотреть на ширине в 400? Это ведь глупость. Что мешает ему развернут хотя бы на 800?