Размер div под его содержание

[Beck]

Вот тут задался вопросом. Можно ли div-у задать, что-то типа width:auto, чтобы его ширина автоматически подстраивалась под размер его содержимого.

Или в таких случаях всегда используют табличную верстку?

Заранее спасибо.

[psywalker]

Можно ли div-у задать, что-то типа width:auto, чтобы его ширина автоматически подстраивалась под размер его содержимого.

А можно вообще не задавать, она по умолчанию авто будет и всё будет подстраиваться.

А вообще покажи задачу для начала.

[Beck]

А можно вообще не задавать, она по умолчанию авто будет и всё будет подстраиваться.

А вообще покажи задачу для начала.

Допустим имеется такая структура:

<div style="width:50%;margin:0px auto;">
	<div>
		<span>blablabla</span>
	</div>
	<div>
		<span>blablablablablablablablabla</span>
	</div>
</div>

Чтобы внутренние дивы не занимали 100%, а занимали именно столько, сколько текста в span.

На данный же момент они занимают все 100%

Edited February 22, 2010 by Beck

[klierik]

div {float:left;}

[shvv]

div {float:left;}

Кажется, в каких-то ИЕ будут проблемы без указания ширины. Может, лучше

display: inline; или inline-block

[klierik]

Проблемы будут в IE6.

ну уж коль рекомендовать inline-block; то выкладывайте уже полное решение

div {
display:-moz-inline-stack;/*Нужно для Firefox*/
display:inline-block; /*Не применяется в IE и Firefox*/
_overflow:hidden;/*фикс для IE6*/
*zoom:1;/*включаем hasLayout*/
*display:inline;/*при hasLayout true display:inline ведёт себя как display:inline-block*/
}

[shvv]

ну уж коль рекомендовать inline-block; то выкладывайте уже полное решение

div {
display:-moz-inline-stack;/*Нужно для Firefox*/
display:inline-block; /*Не применяется в IE и Firefox*/
}

Первый раз о таком слышу. Разве FF не поймет нормального CSS в этом случае?

[klierik]

Первый раз о таком слышу. Разве FF не поймет нормального CSS в этом случае?

3й поймет, а более рание версии - нет

по этому и нужно использовать проприоритарное значение от mozilla

[Lacran]

Я думаю, а думаю я часто вдумчиво, что автор не любит любимого Владимирчика http://www.artlebedev.ru/tools/technogrett...l/align-center/

p.s. И очень зря.

Edited February 23, 2010 by Lacran

[shvv]

3й поймет, а более рание версии - нет

по этому и нужно использовать проприоритарное значение от mozilla

Учитывая 0,8% FF2 в мире, имхо, это излишнее. Тем более, не валидно.

[s0rr0w]

Учитывая 0,8% FF2 в мире, имхо, это излишнее. Тем более, не валидно.

Валидно

[shvv]

Валидно

У меня не проходит.

Пишет

Ошибка значения : display -moz-inline-stack не является значением display : -moz-inline-stack -moz-inline-stack

P.S. Что-то не получается добавить ссылку на результат валидатора.

Edited February 23, 2010 by shvv

[s0rr0w]

У меня не проходит.

Пишет

P.S. Что-то не получается добавить ссылку на результат валидатора.

А вы валидатору скажите, что это CSS3

[shvv]

А вы валидатору скажите, что это CSS3

Результат аналогичный.

[Beck]

В общем сделал таблицу. Не понимаю, почему все так боятся таблиц.

У нее конечно есть свои минусы в некоторых ситуациях, но вот в таких случаях выручает.

[klierik]

В общем сделал таблицу. Не понимаю, почему все так боятся таблиц.

У нее конечно есть свои минусы в некоторых ситуациях, но вот в таких случаях выручает.

в том то и дело - не различаете разницу между таблицами и блоками.

таблицы созданы не для создания каркаса, а для содержания табличных данных.

от них отказаться, пока что нельзя, но заменить в 90% случаем грамотной div-разметкой - правильное решение

[Lacran]

Нет, ну конечно автор может и дальше меня игнорировать, на таки же пошли Вы в таком случае на table

Edited February 23, 2010 by Lacran

[shvv]

Я думаю, а думаю я часто вдумчиво, что автор не любит любимого Владимирчика http://www.artlebedev.ru/tools/technogrett...l/align-center/

p.s. И очень зря.

А причем здесь ссылка про выравнивание по центру родительского блока?

[Lacran]

Если забыть о Большой зеленой надписи в центре, очевидно не при чем.

[shvv]

Если забыть о Большой зеленой надписи в центре, очевидно не при чем.

Ну, он флоатнутый, но это по-моему первый вариант, который предложил klierik вчера.

[shvv]

А вы валидатору скажите, что это CSS3

Сегодня вычитал в спецификации, что свойства производителей браузеров не запрещены и должны просто игнорироваться ПА. http://www.w3.org/TR/2009/CR-CSS2-20090908...vendor-keywords

Но валидатор не признает такие CSS валидными...

[s0rr0w]

Но валидатор не признает такие CSS валидными...

Потому что баклажан.