Показать сообщение отдельно
  #1 (permalink)  
Старый 13.09.2015, 12:24
Профессор
Отправить личное сообщение для Siend Посмотреть профиль Найти все сообщения от Siend
 
Регистрация: 04.02.2012
Сообщений: 196

Центрирование среднего блока между двумя float
Есть три элемента:

DIV1 DIV2 DIV3

DIV1 - float:left
DIV2 - margin: auto; left:0; right:0;
DIV3 - float:left

При таком раскладе третий блок вылетает со строки, но если DIV2 добавить float:left то центрирование по центру между двумя блоками пропадает, и элемент DIV2 просто прицепляется к DIV1.
То есть задача расположить элементы след. образом:
DIV1 - прилепает к левому краю
DIV2 - находится между DIV1 и DIV3 строго по центру
DIV3 - прилепает к правому краю.

У всех элементов ширина неизвестна. Подскажите способы решения пожалуйста.

P.S.: хотелось бы обойтись без абсолютного позиционирования - блоки все же должны "видеть" друг друга.
Ответить с цитированием