Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 26.04.2009, 18:25   #1
Ururu
Пользователь
 
Аватар для Ururu
 
Регистрация: 04.08.2008
Сообщений: 52
По умолчанию Границы DIV

Как ограничить слой? Тоесть что бы содержимое не вылазило за пределы, а переносилось на новую строку?
Размер слоя неизвестен.
Ururu вне форума Ответить с цитированием
Старый 26.04.2009, 18:40   #2
DomiNick
Студент, не
Старожил
 
Аватар для DomiNick
 
Регистрация: 29.01.2009
Сообщений: 2,067
По умолчанию

Ну... Internet Explorer, вроде бы сам ограничивает...
I am the First of Cyber Evolution...
I am the First to Program your Future...
DomiNick вне форума Ответить с цитированием
Старый 26.04.2009, 19:25   #3
Bingam Vici
Форумчанин
 
Аватар для Bingam Vici
 
Регистрация: 28.12.2008
Сообщений: 145
По умолчанию

Цитата:
Сообщение от Ururu Посмотреть сообщение
Как ограничить слой? Тоесть что бы содержимое не вылазило за пределы, а переносилось на новую строку?
ну, например, текст в диве блоке будет переносится сам, если ограничить ширину (в данном случае 150 пикселей) и содержимое никуда вылазить не будет

.block1 {
width: 150px;
background: #FFF;
padding: 5px;
border: solid 1px black;
float: left;
}

в боди: <div class="block1">текст</div>

Цитата:
Сообщение от Ururu Посмотреть сообщение
Размер слоя неизвестен.
хотя это, мой пример чего-то наверное не подойдет
Bingam
Bingam Vici вне форума Ответить с цитированием
Старый 26.04.2009, 21:54   #4
cronfy
Пользователь
 
Регистрация: 09.10.2008
Сообщений: 92
По умолчанию

Содержимое никуда не будет вылезать, если для блока не прописано white-space: nowrap. И если длина непрерывной строки (без пробелов и переводов строки) не превышает ширину блока.

В противном случае строка будет вылезать за границы. Можно скрыть вылезающие части, прописав overflow: hidden.

Обычно предполагается, что текст в блоке заведомо переносим — для этого блоку устанавливается минимальная ширина такая, чтобы ни одно слово не могло выйти за границы блока. Если есть вероятность вылезания, нужно решать, что важнее: сохранение текста полностью, пусть он даже вылезет за блок, или сохранение дизайна, тогда overflow: hidden.
SPRINTHOST.RU — вот, что я люблю ;-)
cronfy вне форума Ответить с цитированием
Старый 26.04.2009, 22:14   #5
DomiNick
Студент, не
Старожил
 
Аватар для DomiNick
 
Регистрация: 29.01.2009
Сообщений: 2,067
По умолчанию

Потестил...

Internet Explorer сам ограничивает...
И если есть "непрерывные строки" то он увеличивает размер Div'а...

А вот FireFox - нет... И без "overflow: hidden;" как-то совсем криво выводит...

Оперы нету... *
I am the First of Cyber Evolution...
I am the First to Program your Future...
DomiNick вне форума Ответить с цитированием
Старый 27.04.2009, 01:44   #6
cronfy
Пользователь
 
Регистрация: 09.10.2008
Сообщений: 92
По умолчанию

Цитата:
Сообщение от DomiNick Посмотреть сообщение
Internet Explorer сам ограничивает...
И если есть "непрерывные строки" то он увеличивает размер Div'а...
Можно ещё так. Если хочется, чтобы div растягивался, можно не прописывать ему ширину явно, а делать float: left или float: right, тогда он будет растягиваться по ширине контента. И ограничить минимальную и максимальную ширину блока, информации о том, как сэмулировать min-width и max-width в IE в интернете предостаточно.
SPRINTHOST.RU — вот, что я люблю ;-)

Последний раз редактировалось SkyM@n; 27.04.2009 в 11:00.
cronfy вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
границы ячейки АлёнаP Microsoft Office Excel 2 22.04.2009 17:02
Границы картинки в JavaScript Ruska882009 Помощь студентам 0 09.04.2009 20:47
Границы ячеек AnnNet Microsoft Office Excel 4 20.02.2009 12:19
Растягивающийся DIV и толкающий в низ следующий DIV Суриков HTML и CSS 6 29.08.2008 12:01