![]() |
Модераторы: Illuminaty |
![]() ![]() ![]() |
|
Shadyfox |
|
|||
![]() Новичок Профиль Группа: Участник Сообщений: 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%, или всё-таки как-то можно сделать перенос слов в диве с неизвестной шириной? |
|||
|
||||
Shadyfox |
|
|||
![]() Новичок Профиль Группа: Участник Сообщений: 7 Регистрация: 3.6.2013 Где: Санкт-Петербург Репутация: нет Всего: нет |
up.
|
|||
|
||||
Shadyfox |
|
|||
![]() Новичок Профиль Группа: Участник Сообщений: 7 Регистрация: 3.6.2013 Где: Санкт-Петербург Репутация: нет Всего: нет |
vingrad уже не тот..
|
|||
|
||||
ksnk |
|
|||
![]() прохожий ![]() ![]() ![]() ![]() Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
Отчего бы не потратить к нескольким дням ожидания еще и несколько минут на тестовую страничку? У меня это заняло минут 7-8...
http://jsfiddle.net/z5R9R/ Вот так я понял задачу по объяснениям. Ну и что там не так? Все что надо переносится. (да и без word-wrap тоже)... -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! ![]() |
|||
|
||||
Shadyfox |
|
|||
![]() Новичок Профиль Группа: Участник Сообщений: 7 Регистрация: 3.6.2013 Где: Санкт-Петербург Репутация: нет Всего: нет |
ksnk, блок за блоком должен идти http://jsfiddle.net/z5R9R/2/
у тебя получается так, что идёт 1-й блок, а 2-й блок под ним а не справа от него. |
|||
|
||||
ksnk |
|
|||
![]() прохожий ![]() ![]() ![]() ![]() Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
Shadyfox, Это не у меня получается, а у тебя в твоем примере не та разметка. Желаешь, чтобы чужой человек угадал что там неправильно? Чудес не бывает. Поставь то, то у тебя, пусть и без скрипта, чтобы понятно было про что вопрос.
-------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! ![]() |
|||
|
||||
Shadyfox |
|
|||
![]() Новичок Профиль Группа: Участник Сообщений: 7 Регистрация: 3.6.2013 Где: Санкт-Петербург Репутация: нет Всего: нет |
ksnk, я вообще не понимаю тебя.
Я в 1м посте описал проблему, ты дал ссылку, в ссылке точно также как и у меня - не тот результат что нужен, как ещё объяснить то? Слева див, за ним следует второй див, а у тебя в примере сначала 1-й див затем 2-й, я специально обвёл цветными границами и скинул тебе ссылку для наглядности. |
|||
|
||||
![]() ![]() ![]() |
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |