Резиновый блок по центру, резиновые с боков

[stasionok]

Возможно тему назвал не правильно.
Вопрос стоит в следующем:

Ширина рабочей области фиксирована, а вот текст может быть разной ширины??

 

[aaliseyko]

как вариант:

<div class="wrap">
<div class="title">
<span class="ball"></span>
<span class="text">О компании</span>
<span class="ball"></span>
</div>
</div>

<div class="wrap"> - имеет фон в виде синей горизонтальной линии (сплошной, без разрывов), все что в нем по центу
<div class="title"> - может быть и тэг заголовка, не суть... фон белый, можно залить один белый пиксель. Суть - перекрыть синюю полоску обертки wrap
<span class="ball"> - background - синий шарик
<span class="text"> - тут отступы задать нужные.

от последнего спана можно избавиться... или от первого, если к белому фону и titlе еще и шарик добавить.

 

[stasionok]

о я кажется понял смысл, хоть и костыль, но думаю получится
<div class="wrapp">
<div class="title">
<span>TITLE</span>
</div>
</div>
wrapp - полоска
.title - точка справа на паддинге
span - точка слева

 

[aaliseyko]

да, так еще лучше.
оба спана в топку - только тайтл оставить.
И будет вполне себе разина. Успехов.

 

[Compressor]

Дабы не плодить тегов, есть такое в css:
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся

 

[aaliseyko]

Есть, да не про нашу честь. 7-й ослик отбрасывает сразу копытца, а это не дело.

 

[allseo]

Для ослика же есть Для просмотра ссылки Войди или Зарегистрируйся. Не стоит жертвовать семантикой, читаемостью и легковесностью ради кроссбраузерности. Старые ослики рано или поздно подыхают, а рефакторить потом будет очень сложно.

 

[aaliseyko]

Угу, для :before и :after костыль, для уголочков pie, для html5 костыль на js, а для... и понеслась... Ладно, я вас понял