Невидимая картинка для ограничения вывода текста

Уважаемые форумчане. Прошу помощи. Чувствую, что просто туплю, ответ где-то на поверхности, но никак не могу решить задачу

Такая ситуация. Блочная верстка. Есть див для контента. В правом нижнем углу его фоновый рисунок. Внутри этого дива - другой, для вывода текста. Чтоб текст не налезал на фоновое изображение решил вставить в правый нижний угол внутреннего дива прозрачный png соответствующего размера. Однако ничего не получается, как ни кручу параметры и свойства. Подскажите пожалуйста, куда копать? Работаю вот здесь: http://studio-schupp[dot]de/natali/

По исходникам все видно. Перепробовал кучу вариантов уже.

Очень буду благодарен за помощь.

на то оно и фоновое чтоб текст поверх шел
вставьте простой рисунок в нижний угол а не фоновый

Так я о чем и говорю! Во внутренний див вставляю в правый угол обычный рисунок, прозрачный png, а он вылезает за пределы и не спасает. А если даю абсолютную позицию, то текст на него лезет.

Потому и обратился за помощью. По слишком уж мелочам не стал бы беспокоить. В исходниках же есть все... И картинка, и CSS класс к ней. Вы просто невнимательно прочитали мою просьбу о помощи.

при абсолютном позиционировании остальные элементы ведут себя так как будто текущего нет вообще
хорошо бы это изменить но не знаю как
вообщето я в верстке мало понимаю
решил пока так
рисунок поменял на див
зачем гонять зря трафик
и перенес его выше
туда откуда текст должен обтекать

Эхххх... Если бы было все так просто

Моя вина, не до конца рассказал о проблеме.

Контент в правом блоке будет динамический, потому и сделана обертка для дива текстового. Текста может быть много, а может быть и мало... Весь смысл проблемы - поставить в правый нижний угол внутреннего дива что-то (хоть изображение прозрачное, хоть див, хоть спан, хоть черта с рогами...), чтоб текст обтекал его слева и не наезжал на фоновый рисунок. Т.е. текст будет через визивиг в админке вводиться простым смертным, не имеющим представление о html, CSS и иже с ними, и вставлять в нужное место див или еще что он естественно не будет, а просто побьет меня больно, если текст по фону будет...

Подскажите, пожалуйста, уважаемые гуру, с какой стороны подъехать к этой проблеме? Вроде не полный лох в верстке, но не доходит никак до меня...

А padding-right не судьба?

По проблеме, к примеру не конкретных размеров а принципа..
Вы накрутили там слишком много флоатов и клеров.
Левая граница правого сделана на паддингах - это изврат.
Должно быть так:


Забьете блоки текстом - увидите, это то что вам надо.

(Отредактировано автором: 03 Ноября, 2011 - 04:10:11)

-----
Шта? Репозиторий?

А это здесь причем??? Я обратился за помощью с конкретным вопросом. И очень прошу помощи по нему. А то, что я меню пока не занимался и даже не уверен, будет ли еще именно это меню - не имеет никакого отношения к теме. И пробелами я вытащил тексты на крашеную область просто чтоб увидеть, как и что. В окончательном варианте естественно будет паддинг. Меня мама в детстве учила все делать по порядку, а не прыгать из стороны в сторону...


А это еще почему???? Чем в данном случае паддинг хуже маргина? Длиннее пишется? Сколько смотрел сайтов нормальных, со знающими людьми общался - никто подобного не говорил. Все прекрасно работает, все кроссбраузерно и надежно. Менять шило на мы просто так? Зачем?


Не, не должно быть.


Залил. Абсолютно не то, что мне надо. Я ведь выше ясно сказал: для того и создавался внутренний див для текста, чтобы форматировать сам вывод. Чего ради тогда было бы все это наворачивать? Футер предназнвачен совсем для других целей. Да и без футера можно было сделать так, чтоб картинка опускалась ПОД текст. Тем же маргином

Я ОЧЕНЬ прошу подсказать мне, как можно сделать в данном случае обтекание текстом. Т.е. мне надо вставить во внутренний див что-то конкретно в правый нижний угол, чтоб текст обтекал это что-то слева. Это единственная проблема, которую я не могу решить. Весь инет перерыл, ни одно решение не помогает. Точнее - такой проблемы конкретно не ставилось. При фиксированной высоте текстового блока - без проблем решается. При вставке картинки в нужное место текста - тоже. А вот вставить костыль до или после текстового контента, чтоб он жестко стоял в правом нижнем углу внутреннего дива - не могу придумать, как

Потому и прошу помощи. Очень прошу.

Schupp мне тоже интересно как решить ваш вопрос но...
вы зациклились
подумайте над поднятием текста
заполнить низ подходящим орнаментом/футером
это лучше чем костыли с вставкой в середину текста потому что это вызовет проблемы при изменении размеров окна
у вас есть рисунок в начале текста
что мешает вставить чтото в низ
может заказчик даже похвалит ))
(Добавление)
как вариант добавлять в конце стандатный текст в диве
рекламный/адрес телефон и тд

Schupp, не хотите понять - не надо. Я вам никто чтобы указывать. "Грабли" ваши и "лоб" ваш. Попутного ветра...

-----
Шта? Репозиторий?

DeepVarvar Илюха мне расшифруй
если можно
какбы лох в верстке
основные моменты обозначь
как ребенку

LIME http://www[dot]deepserver[dot]ru/video/ второй видос, зажал и понял что ничего не видно. Выложил под плеером и архив в качестве.

-----
Шта? Репозиторий?

Есть такая вещь как ТЗ. Где немецким по белому жестко прописано, как что и где должно быть. А заказчик (точнее - заказчица) не желает знать, что возможно, а что нет. Видела такое уже в сети и тоже такое хочет. Потому и зациклился, что искал выход.

По самому вопросу - проблема решена. Увы, с помощью верстки такой вариант невозможен в принципе, проштудировал все маны, переговорил с реальными гуру. Применен обходной путь: при сохранении контента из визивига php-скриптом просчитывается с конца определенное количество символов, ищется окончание предложения и туда вставляется костыль, как Вы правильно заметили в первом посте - див с соответствующими параметрами. Работает на все 100%, уже погонял по максимуму.



Ну зачем эти обидки и позы? Никого не хотел оскорбить, и в мыслях не было... Вам лично я очень и очень благодарен за помощь в вопросах PHP (благодарность моя не знает границ в разумных пределах ;) ). Но в данном случае Вы просто были не правы, не поняли самого вопроса и поспешили с советом. А он оказался не в тему. Так что если задел Вас - приношу извинения.

PS. По поводу верстки вообще - имею кое-какое представление. Но не имею желания холиварить на темы "как ДОЛЖЕН верстальщик верстать". По моему глубокому убеждению, у каждого свой стиль. Если верстка кроссбарузерная и более-менее валидная (имею ввиду отсутствие ошибок, а не используемые хаки), то эта верстка хорошая. А сколько там клиров и флоатов - личное дело верстальщика. Так что давайте эту тему опустим. Ну а Ваши советы по теме - всегда с вниманием и благодарностью выслушаю.

Вот...

пробовали размер менять? а разные разрешения? а с мобилы?

И размер менял, и разрешения. С мобилы: просто просмотр с айфона или с моего самсунга в обычных браузерах - показывает нормально. По крайней мере все в пределах допустимых погрешностей. Див сделал узким и высоким, чтоб в ДАННОМ случае небольшой сдвиг не сбивал показ. Если будет желание найти косяк - как только выложу на хостинг уже реальный - могу дать линк - буду благодарен за указание дыр.

Но повторюсь: в ТЗ все четко описано и насчет разрешений тоже, но про увеличение размеров шрифта и т.д. там нет ни слова Так что для себя лично буду конечно выяснять, насколько это надежно, но для заказчицы - все готово

пусть так
толь не надо искать конец предложения лепи хоть в середину слова при обтекании это не важно