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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Перенос слов в DIV 
:(
    Опции темы
Shadyfox
  Дата 3.6.2013, 00:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Встретился с такой проблемой, задача сверстать макет на DIV'ах

<div>блоки</div> - float left; width:200px
<div>контент</div> - float left; width:auto

при таких условиях параметр в css word-wrap: break-word;word-break:break-all; - не переносит текст при переполнении,
казалось бы проблема простая, но не совсем, даже не смотря на то что у меня фиксированная ширина, я мог быть указать ширину явным образом 650px
и тогда текст в контенте будет переносится, но дело в том, что на некоторых страницах сайта, div с блоками будет исчезать и тогда контент должен будет заполнить всё пространство.

Или как-то через джей-квери  можно решить вопрос? я не очень силён в jq и не представляю как определить есть див с блоками или нету чтобы растягивать див с контентом на 100%,
или всё-таки как-то можно сделать перенос слов в диве с неизвестной шириной?
PM MAIL WWW   Вверх
Shadyfox
Дата 4.6.2013, 02:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



up.
PM MAIL WWW   Вверх
Shadyfox
Дата 16.6.2013, 02:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



vingrad уже не тот..
PM MAIL WWW   Вверх
ksnk
Дата 16.6.2013, 06:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Отчего бы не потратить к нескольким дням ожидания еще и несколько минут на тестовую страничку? У меня это заняло минут 7-8...
http://jsfiddle.net/z5R9R/
Вот так я понял задачу по объяснениям. Ну и что там не так? Все что надо переносится. (да и без word-wrap тоже)...


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Shadyfox
Дата 16.6.2013, 13:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



ksnk, блок за блоком должен идти http://jsfiddle.net/z5R9R/2/
у тебя получается так, что идёт 1-й блок, а 2-й блок под ним а не справа от него.
PM MAIL WWW   Вверх
ksnk
Дата 16.6.2013, 15:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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



Shadyfox, Это не у меня получается, а у тебя в твоем примере не та разметка. Желаешь, чтобы чужой человек угадал что там неправильно? Чудес не бывает.  Поставь то, то у тебя, пусть и без скрипта, чтобы понятно было про что вопрос.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Shadyfox
Дата 16.6.2013, 17:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



ksnk, я вообще не понимаю тебя. 
Я в 1м посте описал проблему, ты дал ссылку, в ссылке точно также как и у меня - не тот результат что нужен, как ещё объяснить то?

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


 




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


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

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