резиновая табличная вёрстка

[DrStrangeLove]

есть картинка, разрезанная на три части -350х200, 250х200, 400х200.
Картинка идёт на всю ширину экрана.
Как её бесшовно, резиново разместить?? ведь 350+250+400=1000px, а нужно
резиново, чтоб и на 1920px...

Заранее Спасибо!!

P.S.: Знаю про некошерность табличной вёрстки, просто хотелось бы уметь верстать двумя способами...

[pa6kevi4]

а в чём проблема то?

[Arigato]

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

[DrStrangeLove]

Сообщение от Arigato

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

картинка должна задаваться через background/background-image...
повторяющегося элемента нет, просто из-за большого 1920px разрешения
элементы картинки повторяются несколько раз... (

[Minus_yu]

Сообщение от DrStrangeLove

P.S.: Знаю про некошерность табличной вёрстки, просто хотелось бы уметь верстать двумя способами...

немного [off], простите, если оскорблю чьи-то чувства...
а почему табличная верстка некошерная? в чем ее некошерность?

[KPEATuBHO]

Сообщение от Minus_yu

немного [off], простите, если оскорблю чьи-то чувства...
а почему табличная верстка некошерная? в чем ее некошерность?

Недостатки табличной верстки

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

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

Индексация
За счет того, что текст располагается в отдельных ячейках таблицы, в коде он может находиться достаточно далеко друг от друга.
Такая раздробленность информации, а также значительная вложенность тегов затрудняет правильное индексирование страницы поисковыми системами.
Как результат документ не попадает в первую десятку выдачи запроса по ключевым словам, хотя вполне может и заслуживать это.

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

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

[Виталий Желтяков]

Недостатки табличной верстки

Табличную верстку не уважают только те, кто не умеет делать резиновые сайты на ней в рамках валидации.

Громоздкий код

Код не сложен, а наоборот упорядочен. Это гораздо лучше чем, куча дивов. У дивов значительней сложней структура CSS.

Долгая загрузка

Бред полный. Дивы грузятся не быстрее.

Индексация

Тоже самое с дивами.

Конечно, Я не считаю табличную верстку абсолютной и то, что её надо применять всегда. Но утверждение того, что она устаревшая и не валидная, считаю полной чушью.

[MrJenika]

Холивары на тему табличной или блочной вёрстки не стоит разводить )))
Насчёт индексации , то тут спорный вопрос ))Дивы в этом случае можно расположить так чтобы в самом начале шёл контент, а затем всё остальное, но опять же тема спорная.
Насчёт темы : ставьте в body свойство /background-image

[DrStrangeLove]

Сообщение от MrJenika

Насчёт темы : ставьте в body свойство /background-image

Как в body?? там же не одна картинка, а три... (части одной картинки)

[Arigato]

Сообщение от DrStrangeLove

картинка должна задаваться через background/background-image...
повторяющегося элемента нет, просто из-за большого 1920px разрешения
элементы картинки повторяются несколько раз... (

Тогда я не пойму, как Вы хотите растянуть картинку в 1000px до 1920px. Приведите куски рисунка и как это должно выглядеть на 1920px.