Sergey_555
Newbie | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
[more] Здравствуйте. В ощем возникла проблема с div`ами, парюсь уже несколько дней.
Сначала, что необходимо, затем чего получается и что нет.
Для background есть рисунок разделенный на 3 части для 3-х div`ов На всю эту композицию должен быть наложен текст ( на все 3, а не только на среднюю часть ) Левая и правая часть имеют фиксированные размеры, средняя должна расстягиваться по ширине текста.
https://i.stack.imgur.com/i05m7.jpg
Получется выстроить их в одну линию, получается наложить текст, а вот совместить одно с другим не выходит.
Если налаживаю текст на все три, то средний не растягивается, это и понятно, absolute выкидывает из общего потока. Если убрать div с текстом, а сам текст поместить в div id="center", то тогда текст естественно не ложится на два крайних.
В id=(left, right, center) прописанны только свойства для background.
Код:
<div style="position: relative;">
<div style="position: absolute;">
ТекстТекстТекстТекстТекстТекстТекстТекст
</div>
<div style="position: absolute;">
<div id="left" ></div>
<div id="right"></div>
<div id="center"></div>
</div>
</div>
|
Если есть решение только на css, помгите, если нет то отпишите, что это невозможно
|
