Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Расположить три div в одну строку с заданной шириной

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Расположить три div в одну строку с заданной шириной

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

sektor2704	Отправлено: 15 Ноября, 2015 - 04:25:57
Новичок Покинул форум Сообщений всего: 8 Дата рег-ции: Нояб. 2015 Помог: 0 раз(а)	Доброго времени суток господа! Помогите, пожалуйста решить задачку по CSS Как можно сделать такое? То есть, имеется четыре div, один контейнер и три внутри. Нужно эти три расположить в одну строку, при этом, средний div должен быть по центру контейнера и иметь заданную ширину в пикселях, а левый и правый замостить остальное пространство контейнера по ширине. Что-то вроде этого CODE (htmlphp): скопировать код в буфер обмена <div class="container" style="width: 100%"> <div>div1</div> <div style="width="300px">div2 в центре контейнера</div> <div>div3</div> </div> Заранее благодарен за вашу помощь!

SAD	Отправлено: 15 Ноября, 2015 - 09:58:39
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	flex в помощь

Deonis	Отправлено: 15 Ноября, 2015 - 17:50:50
Посетитель Покинул форум Сообщений всего: 298 Дата рег-ции: Нояб. 2009 Помог: 14 раз(а)	Кроме flexbox, как предложил выше SAD, можно для контейнера задать display: table;, а для дочерних div-ов - display: table-cell;. Ну и ширина контейнера 100% и для центрального div-а - 300px;

DelphinPRO	Отправлено: 15 Ноября, 2015 - 18:28:45
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	резюмируя вышепредложенное http://jsfiddle[dot]net/DelphinPRO/sgc3svtz/ ----- Чем больше узнаю, тем больше я не знаю.

sektor2704	Отправлено: 16 Ноября, 2015 - 06:56:53
Новичок Покинул форум Сообщений всего: 8 Дата рег-ции: Нояб. 2015 Помог: 0 раз(а)	Всем спасибо за помощь!

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.