bednyakovf Сообщение 06/07/2011 06:38 Копия темы
Очень простая просьба к знающим верстальщикам Помогите плиз!

Нужна ДВУХколоночная таблица на DIVax
Чтобы ширины таблицы и обоих колонок были регулируемые.

А также самое ВАЖНОЕ = я нахожу в инете такие свёрстанные таблицы, но там одна проблема. Допустим если в одной колонке больше текста, то она НЕ тянет за собой вторую колонку… Помогите плиз с полноценной таблицей на DIVax
Ну типа
<table width="100%">
  <tr>
    <td width="50%"> </td>
    <td width="50%"> </td>
  </tr>
</table>

Все её свойства чтобы работали, НО НА DIVax

DVM_volfernion Сообщение 06/07/2011 06:48 Копия темы
<div style="float: left; width: 50%">
<div style="margin:...">сюда контент колонок</div> – чтобы не ставить паддинги и не иметь проблем с ослом
</div>

<div style="float: right; width: 50%">
<div style="margin:...">сюда контент колонок</div>
</div>

DVM_volfernion Сообщение 06/07/2011 06:50 Копия темы
Теперь дальше. 
Ячейки таблицы в одной строке – связанные элементы. 
Дивы – независымые и такого как у таблицы вы получить не сможете.

можно сделать сдвигание правой колонки, если контент левой уменьшается и сдвиг левой вправо при уменьшение контента правой по ширине.

DVM_volfernion Сообщение 06/07/2011 06:51 Копия темы
Почему именно дивы, чем вам таблица не нравится?

bednyakovf Сообщение 06/07/2011 06:55 Копия темы
((( такое и в НЕТЕ находил (( не решена главная проблема


    <div style="float: left; width: 50%; background-color:#99FF00;"> 
    строка1
    </div> 
    
    <div style="float: right; width: 50%; background-color:#00CC99"> 
    
      строка1

      строка2

      строка3
 
   </div>

--- Вторая колонка содержит БОЛЬШЕ строк – а первая НЕ растягивается за НЕЙ ((((

bednyakovf Сообщение 06/07/2011 06:56 Копия темы
помоги не решена главная проблема 


    <div style="float: left; width: 50%; background-color:#99FF00;">  
    строка1 
    </div>  
     
    <div style="float: right; width: 50%; background-color:#00CC99">  
     
      строка1

      строка2

      строка3
  
   </div> 

--- Вторая колонка содержит БОЛЬШЕ строк – а первая НЕ растягивается за НЕЙ ((((

DVM_volfernion Сообщение 06/07/2011 06:57 Копия темы
Блин ставьте вопрос корректно. Растягивание в высоту так бы и сказали

DVM_volfernion Сообщение 06/07/2011 06:58 Копия темы
Напишите какова цель?
ВЫставление одному из дивов бэка? В этом проблема?
Тут поможет только явное задание высоту дива – родителю 2х колонок и явное задание высоты колонкам.

Но это извращение.

В данном случае берите таблицу и не парьтесь.

bednyakovf Сообщение 06/07/2011 06:59 Копия темы
жаль мда(

DVM_volfernion Сообщение 06/07/2011 07:00 Копия темы
Или ява. подсчитывающая высоту одной колонки и тянущая вторую.
Пробовал на своем опыте оба этих варианта, как уже сказал геммороя не оберетесь.

DVM_volfernion Сообщение 06/07/2011 07:02 Копия темы
Хм еще вариант сделать одну из колонок псевдоколнкой.
Имеем див родитель он же одна из колонк и вложенный в него див – вторая колонка.

Опять изврат

bednyakovf Сообщение 06/07/2011 07:02 Копия темы
оооочень жаль((( благодарю за инфу

bednyakovf Сообщение 06/07/2011 07:04 Копия темы
а как это? "еще вариант сделать одну из колонок псевдоколнкой. 
Имеем див родитель он же одна из колонк и вложенный в него див – вторая колонка. "
------------------------------
может это сработает??

DVM_volfernion Сообщение 06/07/2011 07:05 Копия темы
Вы задачу то обрисуйте, зачем вам тянуть одну колонку за другой?
Может есть другие решения, если уж вам таблицы не нравятся. Хотя я в них ничего плохого не вижу. Если не понапихать 150 штук друг в друга.
Табличный каркас и контент на дивах зачастную самый оптимальный вариант.

bednyakovf Сообщение 06/07/2011 07:07 Копия темы
простая задача я её описал вверху. Если не возможно – так и быть

DVM_volfernion Сообщение 06/07/2011 07:07 Копия темы
<div style="width: 100%; height...">   
    <div style="float: left; width: 50%; height:100%; margin:...">   – левая колонка
      
      строка1 

      строка2 

      строка3 
   
   </div> 

    строка1   – контент правой
 
      
    </div>  

суть

bednyakovf Сообщение 06/07/2011 07:11 Копия темы
ЭТО ПОМОГЛО СПАСИБООООО

DVM_volfernion Сообщение 06/07/2011 07:18 Копия темы
Не за что:)
Учтите только, что если меджу колонками нужен промежуток иного цвета отличного от цвета 2х колонок, например левая красная, а правая синяя, то просто маргинами у левой колнки не обойдешся.
Тогда вводите еще один див с флоат лефт после левой колонки и ставьте ему нужную ширину. Получите между ними например белый промежуток нужного размера.