Оцените, пожалуйста, верстку

[alxick]

Добрый день, уважаемые профи.

Оцените, пожалуйста, верстку сайта по этому макету:

http://forum.htmlboo...showtopic=27438

Это мой первый опыт верстки, но я очень старался) HTML и CSS валидны.

Сайт содержит три файла:

http://alxick.p.ht/index.html

http://alxick.p.ht/page.html

http://alxick.p.ht/style.css

Кроме общих рекомендаций, подскажите, пожалуйста, следующее:

1) В ИЕ9 не работает float в блоке "что читаем" - блоки отображаются друг под другом. В ИЕ8 и остальных браузерах все нормально.

2) В этом же блоке "что читаем" нижние строчки некрасиво обрезаются снизу.

3) В блоке "последние статьи"(левая колонка) не получается отображать многоточие в конце абзацов.

Заранее спасибо.

Edited February 6, 2013 by alxick

[alxick]

Неужели никто не может(или не хочет) подсказать?

Не жадничайте, сами же когда-то начинали.

Edited February 13, 2013 by alxick

[gare4ka]

Ну а может всё нормально?!

Айди лучше оставлять для js, для стилей классы.

В больших проектах такие вещи

ul.menu > li ul > li a

делать не надо. В маленьких не так критично, но лучше просто класс придумать.

Еще у тебя линия(граница) слева от копирайтов как-то не посетке, что-то съехало...

С проблемами верстки лучше конечно в соот тему, но отвечу здесь.

1)Float в ИЕ работает, просто блоки слишком широкие, отсюда и перенос.

2)

.book p{ overflow:hidden; width:160px; max-height:86px; margin-left:70px; padding-right:20px; }

Максимальная высота 86 пикселей, в то время как контента на все 200. Разумеется он будет обрезан за счет overflow:hidden + max-height

[alxick]

Спасибо большое.

В больших проектах такие вещи

ul.menu > li ul > li a

делать не надо. В маленьких не так критично, но лучше просто класс придумать.

Вот с этим я не разобрался. В одних источниках пишут, что контекстные селекторы - это зло, в других наоборот.

[gare4ka]

Можно запутаться, но это не самое страшное. Главное, что возрастает нагрузка, т.к. вначале ищутся все ul, а потом уже среди них с конкретным классом... т.е. когда ты пишешь a.classname у тебя пролистываются все ссылки, а потом уде выбирается класс... Машине куда легче, когда сразу класс написан