Форум Flasher.ru - Ширина бокса по ширине содержимого

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)

- - Ширина бокса по ширине содержимого (http://www.flasher.ru/forum/showthread.php?t=121170)

Ширина бокса по ширине содержимого

Всем привет :-) вопрос очень простой, как мне кзалось... но ничего поделать не могу. Проблема такая: есть класс, который задаёт цвет фона, рамку и выравнивание по центру для текста (класс применяется для тега <p>). При этом текст всегда разный. Необходимо, чтобы бокс не растягивался на всю ширину родительского бокса (что, собственно, и происходит на автомате), а менял свою ширину в зависимости от размера текста.
Пробовал в том же классе прописать margin: auto; в разных вариациях - результат тот же.
Наверняка вопрос уже решённый, если кто знает, подскажите.
Спасибо всем за помощь :-)

Добавлено через 16 часов 52 минуты
в сети наткнулся на это http://www.artlebedev.ru/tools/techn.../align-center/
очень интересно, но хочеться попростче :)

а что тут сложного то? один дополнительный див-обёртка и всё...
написано же

Цитата:

Все очень просто ;)

других вариантов не существует. вернее существуют, но их не знает поделка компании мелкомягко.

Способ проще существует.

Код:

<div class="box">

<p class="framebox">Выравниваем по середине</p></div>

В CSS пишем так:

Код:

.box {text-align:center;}



.framebox { 

        display:inline; /*makes string element from block element*/

        padding: 5px;

        background:#ccffee;

        text-align: center;

        border:#5577ff 2px solid;}

Не знаю как вам, лично мне не нужен тупо ответ да ещё с комментарием "Всё очень просто". Приятнее ПОНЯТЬ почему всё это работает.
Для моего решения. Вся суть в том, что блочный элемент меняется на строчный (display:inline;), а для строчных элементов размер по горизонтали определяется его содержимым, а не размерами родительского бокса.
Бокс обёртка <div> выравнивает своё содержимое по середине.
Может я где-то в понятиях и ошибся, но суть, думаю, передал правильно.

в том то и дело, что в чем состоит "ваше решение" -- не известно.
строчный блок в ие не поддерживает указание высоты, ширины, паддингов. всё зависит от его содержимого. в вопросе указывается слово "бокс", что относится к блочному элементу, а не к строчному.

если уж интересно "понять", почитайте: http://softwaremaniacs.org/blog/category/web/primer/

Да, не спорю, с терминами немного напутал :boredom: но свою задачу решил. Код-то работает и работает визуально правильно. Про маниакальный веблог знаю).
Вот ещё интересная вещь http://wdh.suncloud.ru/

P.S.: я хоть попытался объяснить почему код именно такой, а не другой. В примере http://www.artlebedev.ru/tools/techn.../align-center/ кроме "Всё очень просто" других комментариев нет. Не всё для всех всегда очевидно) лучше сказать где прочитать или как подумать, чем давать готовое решение без объяснений. Это лично моё мнение, его разделять совершенно не обязательно :) СПАСИБО!