Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > position:relative; и width


Автор: Dima85 11.6.2010, 14:48
Есть такая конструкция

Код

<div style="position:relative;">text</div>



Подскажите пожалуйста как сделать что б div не растягивался на весь экран. А "окутывал" только text?

Добавлено через 11 минут и 9 секунд
Код

display:table


Вопрос решен, спасибо.

Добавлено через 13 минут и 47 секунд
А еще способы есть?

Автор: mcTep 11.6.2010, 16:17
Насколько мне известно display:table не работает в ИЕ, попробуй лучше display:inline;
Еще можно float:left, но там надо по обстоятельствам смотреть.

А вообще для таких случаев используют не div, a span. Div по умолчанию имеет свойство display:block, что заставляет его занимать всю ширину родителя, при прочих равных условиях. Если ты div указываешь свойство display:inline, то он ведет себя также как и span. 

В спецификации XHTML Strinct div определяется, как блочный элемент наряду с параграфом и пр., а span линейный, поэтому в ссылку <a> нельзя помещать div, но можно поместить span, а если в ссылке нам нужен все таки блочный элемент, то делаем для span display:block; Но это по идее злостный обман валидатора.

Поэтому в конкретном случае лучше использовать span, ибо кошернее =) Ну а так, смотри сам. 
<span>text</span>

P.S. position:relative тут не причем.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)