Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Подскажие как сверстать? 
:(
    Опции темы
xdark
Дата 17.7.2011, 06:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 9
Регистрация: 2.7.2008

Репутация: нет
Всего: нет



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

user posted image
PM MAIL   Вверх
Guedda
Дата 17.7.2011, 10:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78



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

<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>



--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
SelenIT
Дата 19.7.2011, 23:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



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


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0413 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.