Да я тут причём я показал 4 варианта, и сказал что это говнокод
потом эти двое, девот и дефф начали чтото мне втирать вот и срач пошёл, ты сказл что срач развели и начал приводить примеры которые до этого привёл я, что мне нужно было ответить?

два миллиарда восемьсот пяты раз повторяю для этого есть разные варианты. я их постоянно использую на реальных проектах.

Seva1986,
ну если так хочется посмотреть на мою работу, то могу показать текущий проект, мне скрывать нечего http://diamond.vsshops.com/ данная верстка идеально работает во всех браузерах начиная с IE7 и при всем этом 100% валидная. И обрати внимание, без использования каких либо скриптов в верстке.. Скрипт там сейчас используется лишь для слайдера на главной. И да, я там юзаю в некоторых местах таблицы, в основном на формах, и меня нисколько это не обламывает.

devote,
Я имел ввиду пример решение данной задачи, а не работы.

вот еще свою работу могу показать, правда там уже поговнокодили другие после меня http://inns.salonspaimage.com/

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

devote,
А я за семантику, и считаю таблицы для выёрстки а особено с доктайпом html5 не допустимы и кстати с точки зрения seo ячейка таблицы создаёт свой аутлайн в спеке описанно что это и как будет влиять на сео под большим вопросом...

И проблем у меня не возникает с этим уже давно. по началу да было много по не опытности...

странные у вас SEO'шники, на сео никак не влияет использование таблиц. Если сеошник говорит что таблицы для сео это плохо, значит это не сеошник а неуч. Поисковики индексируют любой говнокод. Посмотрите на тот же лайфжурнал, там сплошной говнокод, и всегда страницы в поиске есть, посмотрите на народ.ру там говнокода больше чем где либо, и опять же в поиске всегда страницы есть, да и много можно примеров привести. Я делаю с использованием таблиц, и еще не один сеошник не вопил на меня за это. Хотя моя аудитория америка, там сешники нормальные, без вы*бонов, и нормально любой сайт продвигают.

Причем тут опытность? да конечно опыт хорошо, но я это делаю не из-за неопытности, а лишь по причине того что поддерживаю старые браузеры. Если я буду делать как вы говорите, прилепливать скрипты для ИЕ, пользовать всякими условиями для ИЕ и т.д. у меня верстка будет занимать в 2 раза больше времени, а зачем мне тратить время, если я знаю что я могу сделать это таблицами в два раза быстрее чем крутить скрипты, тыкать условия, писать отдельные CSS и т.д.

Чтоб не выглядеть пусто звоном приведу несколько своих
Они все разного качества некоторые я только верстал некоторые также и ставил, некоторые захламлены, на многих много правок было, но думаю достаточно чтоб мой уровень оценить. Некоторые могут местами глючить по разным причинам.

http://avto.pro/
http://bib.info/
http://calculator.pro/
http://foster.vus.us/
http://ros.biz/
http://classic.vus.us/
http://luxor.vus.us/

Если присмотреться можно увидеть новый способ прижатия футера вниз сео вёрстку вынос главного контента вверх относительно документа да ещё много моментов многие придумал сам. Комментировать не буду если интересно кому ознакомьтесь.

Это не сеошники это моё предположение и не всегда а только в 5html http://www.w3.org/TR/2011/WD-html5-2...ectioning-root Ясли действительно в 2 раза быстре то да тогда согласен.

вот именно подобных http://luxor.vus.us/ явлений я и стараюсь избежать используя таблицы, тут футер лезет на меню если окно браузера уменьшить по высоте. Да и вы сами должны понимать что щас экраны узкие, и подобный косяк не совсем радует. Понятно дело что можно выкрутится и без таблиц. Но чем жертвуя? временем? ну извините, у меня не так много свободного времени на то что бы тратить его на ерунду. Когда есть самый простейший вариант, который во всех браузерах работает идеально.

а вы уверены в том что поисковые роботы придерживаются того что описано в этом документе? Понятно дело есть стандарт и все такое, но он явно написан не для роботов.

Нет это предположение.

Да, там есть такое...

Они под 15 минимум рассчитаны.

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

И как отметил Nanto, переполнение контента одна из важных причин в верстке, при верстке подобные вещи всегда нужно учитывать. Помню было дело не пожалел я время и сверстал полностью блочную верстку, идеально работала во всех браузерах. Просто конфетка. Но вот про переполнение контента я не подумал, и что же потом? А потом все просто, человек добавил товар на сайт с описаниями и т.д. И у него в одном товаре был текст без переноса, и вся эта верстка поехала к чертям. Видок конечно был не супер но и не дерьмовый, терпимый. Но тем не менее хреновый.

Это да, они щас вроде взялись делать нормально css новые механизмы разметки.
Ато как бы вёрстка флоатами с точки зрения html правильная но для css это на самом деле костыль.

Правда пока оно всё начнёт работать...

вот именно что только взялись но пока еще толком ничего не придумали. От того и приходится делать тем что занимает меньше времени и спасает от проблем с переполнением и прочих других.

Еще какой костыль, не люблю флоаты, с ними гемора столько что врагу не пожелаешь. Где-то забыл добавить clear: both; и все поехало, а то и еще что хлеще.

вот когда начнет, тогда и будем думать как это использовать. А сейчас как вы сами выразились, это все огромный костыль.

Извините что вмешиваюсь, но как ещё верстать?

melky,
Никак! Выравнивание по левому и правому краю можно сделать либо через float, либо через таблицу. Сам привык отменять "плавание" через "overflow", но тогда могут пойти косяки с выносом позиционированного элемента.

P.S. что-то примеры у вас не особо сложные, вот мои:
news.qip.ru
ups-downs.unicredit.ru

с точки зрения вёрстки у тебя не сложнее. разве что оно ещё в 5-6 осле нормально отображается то да тогда сложно, вернее объёмно.

И в чем же их сложность? То что вы напичкали их кучей скриптов? Речь то не о скриптах идет а о верстке. Да и сложности в них не вижу честно говоря.

у первого ещё и адаптивный дизайн был (на 1024 другое поведение)

Nanto,
Работает кроссбраузерно только последний, остальные говнокод

Вот ещё примеры:
1. Центрирование по вертикали
2. Центрирование изображения с помощью JavaScript + CSS

Jeff, Centering in CSS: A Complete Guide