«Разделение» стола?

Question

Есть ли способ «разбить» таблицы строк, чтобы я мог установить ширину столбца независимо? Вот что я имею в виду:

************************************ 
* 70%     * 30 % * 
************************************ 
* 20 % *   80 %   * 
************************************ 

Я знаю следующие способы сделать это:

1. Используйте 2 таблицы. Но это иногда приводит к проблемам со всей шириной, но это работает.
2. 70% и 80% являются colspan = "2". Этот человек выглядит как хак и не оптимален.
3. Используйте другую таблицу внутри этой таблицы и разделите ее. Это работает, но вложенные таблицы усложняются.

Есть ли способ разделить труп с телом, а затем установить ширину самостоятельно?

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

Бернхард

Answer 1

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

<DIV style="width:100%"> 
    <DIV style="width:70%; float:left;">row1 - column1</DIV> 
    <DIV style="width:30%; float:left;">row1 - column2</DIV> 

    <DIV style="width:20%; float:left;">row2 - column1</DIV> 
    <DIV style="width:80%; float:left;">row2 - column2</DIV> 
</DIV> 

также вы можете иметь столбцы с различной шириной. У вас могут быть свои собственные классы css, я просто поставлю inline css для демонстрации. Посмотрите, что это очень гибко, так как вы можете прокрутить его или разбить таблицу (DIV), а не только на TWO, но три и более.

Надеюсь, это вам поможет. Спасибо.

Answer 2

Еще одна возможность его достижения, но не совсем ничего проще, чем 3-х возможных методов, которые вы уже упоминалось, является
Установка <td> «s position к absolute и индивидуально настройки width, top, left свойства соответственно для каждой ячейки.

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