Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> position:relative; и width 
:(
    Опции темы
Dima85
Дата 11.6.2010, 14:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 396
Регистрация: 19.7.2007

Репутация: нет
Всего: нет



Есть такая конструкция

Код

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



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

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

display:table


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

Добавлено через 13 минут и 47 секунд
А еще способы есть?
PM MAIL   Вверх
mcTep
Дата 11.6.2010, 16:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 203
Регистрация: 25.2.2009

Репутация: 3
Всего: 6



Насколько мне известно 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 тут не причем.

Это сообщение отредактировал(а) mcTep - 11.6.2010, 16:30
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0560 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.