Помогите перевести табличную вёрстку в html на div

[Evgeniy]

<table class="maintable">
    <tr>
        <td id="left">
            <div class="sideblock">
                <div class="menu">
                    меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                </div>
               </div>
        </td>
        <td id="right">
          контент
      контент<br>
      контент<br>
      контент
        </td>
   </tr>
</table>

table.maintable{
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    cellspacing:0;
    border:0;
}
table.maintable td{
    border:0;
    vertical-align:top;
}
#left{
    width:197px;
    padding:5px 0 0 0;
    border-right:3px solid #eee;
  background-color: green;
}
#right{
    padding-top:5px;
background-color: red; 
}

 

[Sunday]

Для просмотра ссылки Войди или Зарегистрируйся

 

[Evgeniy]

не правильно заголовок написал. не обязательно html5

 

[DevOrc]

Нет ничего проще онлайн: Для просмотра ссылки Войди или Зарегистрируйся

<style type="text/css">
        .table {
            display: table;
        }

        .row {
            display: table-row;
        }

        .column {
            display: table-cell;
            vertical-align: top;
        }
    </style>
   
<div>
    <div>
        <div>
            <div>
                <div>
                    меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                              меню<br>
                </div>
               </div>
        </div>
        <div>
          контент
      контент<br>
      контент<br>
      контент
        </div>
   </div>
</div>

 

[BaNru]

DevOrc, а вы проверяли код, который показали?

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

Evgeniy
1) cellspacing у CSS не существует, вместо него используется border-spacing
2) На скорую руку так Для просмотра ссылки Войди или Зарегистрируйся
хотя конечно надо смотреть задачу, ведь возможно таблицы и не нужны.
И таблицы надо использовать там, где действительно необходимы таблицы, а не пытаться панически и фанатически их реализовать на дивах.

 

[DevOrc]

DevOrc, а вы проверяли код, который показали?

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

Evgeniy
1) cellspacing у CSS не существует, вместо него используется border-spacing
2) На скорую руку так Для просмотра ссылки Войди или Зарегистрируйся
хотя конечно надо смотреть задачу, ведь возможно таблицы и не нужны.
И таблицы надо использовать там, где действительно необходимы таблицы, а не пытаться панически и фанатически их реализовать на дивах.

Вот, набросал, но идея наверно понятна Для просмотра ссылки Войди или Зарегистрируйся

 

[mdss]

Еще пример
Для просмотра ссылки Войди или Зарегистрируйся

 

[bezzubtsev]

Для списка меню лучше всего использовать <ul> и <li>
<br> - это плохо и стилями изменять высоту не удобно будет.

 

[Evgeniy]

<br> это для примера использовалось

<br> - это плохо и стилями изменять высоту не удобно будет.