Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Центр помощи > [css] таблица на div'ах

Автор: scai 16.7.2007, 19:22

[в смысле kid's]
рядами - просто.

Код


<div class="TABLE"><!-- перегруз -->
    <div class="TBODY">    
        <div class="cellLeft">
            <div class="TR"><p>asdf</p></div>
        </div>
        <div class="cellMiddle">
            <div class="TR"><p>asdf</p></div>
        </div>
        <div class="cellRight">
            <div class="TR"><p>asdf</p></div>
        </div>
    </div>
    </div>

Код


.TABLE{
    display: table;
    width:100%;
    
}
.TBODY{
    display: table-row-group;
    width:100%;
}
cellLeft,.cellRight, .cellMiddle{
    display: table-cell;
    border-style:solid;
    border-color:#00CC00;
    margin:10;    
}
.cellLeft{
    width:10%;
    }

.cellRight{
    width:10%;    
}

.cellMiddle{
    width:80%;
}

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

[upd. или можт кто туториал хороший видел....]

[upd. ыдзец. smile

в ie привудунный выше код не работает.... ]

Автор: GIK 17.7.2007, 16:51

А что table, не кактит smile

На самом деле лучше обратится http://forum.vingrad.ru/forum/javascripts-firststeps.html, тут тебе точно помогут.

Автор: scai 20.7.2007, 20:33

нууу. а как при помощи table сделать разной высоты ячейки в разных колонках....)))

и при чем тут джаваскрипт...

[upd] да. разной высоты ячейку в table при помощи вложенных таблиц... но стремно это как-то... и потом... div... джедаи....