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

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

Форум программистов > Вёрстка веб-сайтов > Подскажие как сверстать?

Автор: xdark 17.7.2011, 06:37

Подскажите как сверстать на дивах, три блока, чтобы слева и справа были размером по 200px, а в середине 100% и самое главное, чтобы они были без float-ов, можно ли так сделать?

user posted image

Автор: Guedda 17.7.2011, 10:31

Ну если только как-то так:

Код


<style type="text/css">
        div {
        border: 1px #000 solid;
        height: 100px;
        min-width: 200px;
        display: inline-block;
        }
        
        #center {
            width: 60%;
        }
        </style>
...
        <div>&nbsp;
        </div>
        <div id="center">&nbsp;
        </div>
        <div>&nbsp;
        </div>

Автор: SelenIT 19.7.2011, 23:23

Если забить на IE7- (скажем, давать ему упрощенную версию), можно на display:table/table-cell. Но зря на самом деле, на сегодня float-ы по сумме плюсов и минусов, пожалуй, самый оптимальный подход для таких макетов...