SEO: мучения с табличной версткой, table а-ля div - как сделать?

Вот можно вот так...

<table width="100%" border="0">

  <tr>

    <td><table width="50%" style="float:right">

      <tr>

        <td bgcolor="#FF0000">раз</td>

      </tr>

    </table>

      <table width="50%" style="float:left">

      <tr>

        <td bgcolor="#00FFFF">два</td>

      </tr>

    </table></td>

    <td bgcolor="#336600" style="width:33%">три</td>

  </tr>

</table>

буээ как некрасиво =)

<table width="100%" border="0">

  <tr>

    <td><table width="50%" style="float:right">

      <tr>

        <td bgcolor="#FF0000">раз</td>

      </tr>

    </table>

      <table width="50%" style="float:left">

      <tr>

        <td bgcolor="#00FFFF">два</td>

      </tr>

    </table></td>

    <td bgcolor="#336600" style="width:33%">три</td>

  </tr>

</table>

Кто-то таблицы блоками эмулирует, а тут наоборот. Извращение какое :D

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

<style type="text/css">

#logo {

positon: absolute;

top: 0;

width: 100%;

height: 200px;

}



#menu {

position: absolute;

top: 200px;

float: left;

width: 250px;

}



#content {

position: absolute;

top: 200px;

left: 250px;

}



...



</style>



<table cellpadding="0" cellspacing="0">

<tr>

  <td><div id="content">CONTENT</div></td>

  <td><div id="menu">MENU</div></td>

  <td><div id="logo">LOGO</div></td>

  <td><div id="extra">EXTRA INFO</div></td>

  <td><div id="footer">FOOTER</div></td>

</tr>

</table>

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

NAMnam, А что с растяжкой будите делать?

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

width: 100%;

margin: 0 200px 0 200px;

для div#content,

но я не настолько силен в верстке, чтобы гарантировать работоспособность этого варианта без реального теста.

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

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

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

milkfake, премного благодарен!

Это именно то, что мне нужно было!

Пусть и криво, зато в моем случае функционально. Через месяц будут видны результаты. А через полгода-год сделаем по-человечески.

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

Здыхлик, спасибо!

1. Да, надо было импортировать стили через !important, попробуем, если с таблицами не выйдет ничего...

2. шаблон у меня один на всех страницах, так что приходится работать ночами. :)

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

4. в DIVы хочу оборачивать именно содержимое блоков, тогда рамочки блоков уйдут из шаблона в css

NAMnam, благодарю, будем пробовать, если с 1-м вариантом не сложится....

moskovit добавил 03.01.2009 в 21:37

на мое счастье ботам не свойственно чувство прекрасного.... :)