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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Текст вылезает за <div> 
:(
    Опции темы
patt
Дата 11.1.2007, 16:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 230
Регистрация: 9.11.2004
Где: Николаев

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



В мозилле и опере если длина слова больше длинны дива (длинна дива указана стилем), в котором оно находиться часть его, которая не помещаеться, просто вылазит за границы дива, можно ли сделить чтоб эта часть (кот. не помещаеться) переносилась, как в IE или хотябы чтоб див растягивался  smile 
PM MAIL ICQ Skype GTalk   Вверх
SamDark
Дата 11.1.2007, 17:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый кот
***


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

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



patt, 
Код в студию!


--------------------
rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены
PM MAIL WWW GTalk Jabber MSN   Вверх
Bangladesh
Дата 11.1.2007, 18:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


AsBest
***


Профиль
Группа: Завсегдатай
Сообщений: 1089
Регистрация: 4.9.2004
Где: Калининград

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



patt, поставь в классе или иде дива

Код

overflow: inherit;


если неполучиться, то:

Код

overflow: auto;



--------------------
ок
PM MAIL WWW ICQ Skype   Вверх
patt
Дата 16.1.2007, 18:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 230
Регистрация: 9.11.2004
Где: Николаев

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



SamDark, весь код не влезет. smile

Bangladesh,  overflow: auto; подошло, но несовсем, в опере появляються полосы прокрутки (лучше, чем просто вылазит за края), но в IE то же, а раньше растягивало, как надо.... 
PM MAIL ICQ Skype GTalk   Вверх
mishaSL
Дата 16.1.2007, 19:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

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





--------------------
Лучший способ научиться программированию - это посмотреть как это делают другие...
PM MAIL   Вверх
japanes
Дата 20.1.2007, 00:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



если стили для дива в таблице, тогда так
Код

div
{
/* где указание ширины пишем так */
min-width:300px;//width:300px;
}


если стиль задан через атрибут style ширину указываем последней
Код

<div style="..., min-width:300px;//width:300px;">...</div>

PM MAIL   Вверх
patt
Дата 29.1.2007, 16:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 230
Регистрация: 9.11.2004
Где: Николаев

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



japanes, не совсем то.......  это задаёться минимальная, а нужно, задать фиксированую чтоб при очень длинном слове она растягивалась под него.....
PM MAIL ICQ Skype GTalk   Вверх
mishaSL
Дата 29.1.2007, 16:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

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



Ты это имеешь ввиду или я не правильно понимаю задачу:
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>

<style type="text/css">
div#test {
    min-width: 300px
    max-width: 100%;
    width: 300px;
    border: 1px solid #ff0000;
}
</style>
</head>

<body>
<div id="test">Здесь много текста Здесь много текста Здесь много текста Здесь много текста Здесь много текста Здесь много текста Здесь много текста Здесь много текста Здесь много текста Здесь много текста Здесь много текста Здесь много текста Здесь много текста </div>
</body>

</html>



--------------------
Лучший способ научиться программированию - это посмотреть как это делают другие...
PM MAIL   Вверх
patt
Дата 4.2.2007, 15:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 230
Регистрация: 9.11.2004
Где: Николаев

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



mishaSL,  скорее это:

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
<style type="text/css">
div#test {
    min-width: 300px
    max-width: 100%;
    width: 300px;
    border: 1px solid #ff0000;
}
</style>
</head>
<body>
<div id="test">ЗдесьмноготекстаЗдесьмноготекстаЗдесьмноготекстаЗдесьмноготекстаЗдесьмноготекстаЗдесьмноготекстаЗдесьмноготекстаЗдесьмноготекстаЗдесьмноготекстаЗдесьмноготекста</div>
</body>
</html>



короткие слова переносяться, как нужно, а длинные без пробелов  вылезают за пределы дива, в котором находяться..

        ---------------------
       | text text else    |
       | text again text  |
       |                          |
       | aDlinniePosledo|vetelnostiSimvolovVilezautZaPredeli
       |_____________|


PM MAIL ICQ Skype GTalk   Вверх
mishaSL
Дата 5.2.2007, 14:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

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



Длинные слова без пробелов в любом случае не будут переноститься. Лучше их скрывать:
Код

overflow: hidden;



Цитата(patt @  4.2.2007,  15:13 Найти цитируемый пост)
mishaSL,  скорее это:


А в чем разница?



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


 




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


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

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