Всавка в div изображения.. выставить обтекаемость дива

[dima4321]

Структура файла—текст слева 75 % отсальное все справа блоками ( т.е дивами )

Вот это в CSS

.block3 { width: 300px;

background: #F0FFF0;

padding: 5px;

border: solid 1px black;

font-size: 10pt ;

font-family: Verdana;

font-style:normal;

font-weight:bold;

text-decoration:none;

position: relative;

top: 80px;

float: right;

clear: right;

}

Вот это в html

<div class="block3"><img src="моефото.jpg" alt="мое фото" align="right"></div>

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

Внизу и вверху все хорошо. Он понимает. И справа тоже.

А вот слева отсалвяет куски пустого места. Хотелось бы чтобы не оставлял !!

Пробывал убирать width: 300px; но он не реагирует..возможно по умолчанию берет структуру блока 2.

Помогите

[Justnewone]

Что такое блок 2?

Вообще, если убрать ширину у флоат блока - он начнет занимать в ширину ровно столько, сколько контент внутри + отступы, если есть. Если применяете ширину - он такой ширины и будет, за исключением IE6, для которого width на самом деле работает как min-width.

[dima4321]

Что такое блок 2?

Вообще, если убрать ширину у флоат блока - он начнет занимать в ширину ровно столько, сколько контент внутри + отступы, если есть. Если применяете ширину - он такой ширины и будет, за исключением IE6, для которого width на самом деле работает как min-width.

Блок 2 тескст ссылками...( див)

В общем еще раз попробовал через интерфейс хостинга перегрузить без параметра width и получилось..

А через мой cute ftp почему то подтормаживал. Все равно спасибо !!!

В опере все нормально

Хотя exploer чего-то протупил..и раскатал div до левого края перекрыв даже текст...

и мозила тоже

Блок 2 тескст ссылками...( див)

В общем еще раз попробовал через интерфейс хостинга перегрузить без параметра width и получилось..

А через мой cute ftp почему то подтормаживал. Все равно спасибо !!!

В опере все нормально

А вот exploer чего-то протупил..и раскатал div до левого края перекрыв даже текст...

В общем проблема пока не решена... Есть мнения ??

Edited November 28, 2009 by dima4321

[Justnewone]

Блок 2 тескст ссылками...( див)

В общем еще раз попробовал через интерфейс хостинга перегрузить без параметра width и получилось..

А через мой cute ftp почему то подтормаживал. Все равно спасибо !!!

В опере все нормально

Хотя exploer чего-то протупил..и раскатал div до левого края перекрыв даже текст...

и мозила тоже

Блок 2 тескст ссылками...( див)

В общем еще раз попробовал через интерфейс хостинга перегрузить без параметра width и получилось..

А через мой cute ftp почему то подтормаживал. Все равно спасибо !!!

В опере все нормально

А вот exploer чего-то протупил..и раскатал div до левого края перекрыв даже текст...

В общем проблема пока не решена... Есть мнения ??

Я Вам расписал, про эксплорер тоже.

[dima4321]

Я Вам расписал, про эксплорер тоже.

Ну написано:

min width

Устанавливает минимальную ширину элемента. Если окно браузера достигает заданной минимальной ширины элемента, то его ширина остается неизменной и появляется горизонтальная полоса прокрутки.

Дык а как бороться с этим ?? есть варианты...

Самое интересное, это то, что если текст туда вставить например ссылки стольбиком..то он примет норамльную ширину без дополнительной полосы

Edited November 28, 2009 by dima4321

[lancer]

Дайте код что-ли целиком..

Edited November 28, 2009 by lancer

[dima4321]

может просто в боке выставить

эти

min-width:

и max ??

[psywalker]

может просто в боке выставить

эти

min-width:

и max ??

дай ссылку и скрин трабла

[dima4321]

так как тормозит только в IE 6 делать нечего

в css выставил

max-width: 400px;

min-width: 100px;

Поле width убрал

Итог везде обтекает хорошо... А в IE есть лишнее мясо diva ....ну и хрен с ним зато оно ограничено параметром

max-width: 400px;

[Justnewone]

так как тормозит только в IE 6 делать нечего

в css выставил

max-width: 400px;

min-width: 100px;

Поле width убрал

Итог везде обтекает хорошо... А в IE есть лишнее мясо diva ....ну и хрен с ним зато оно ограничено параметром

max-width: 400px;

Ie6 не понимает ни min- ни max-. Ищите в гугле "max-width min-width IE6"

[dima4321]

Смотря как не понимает...не соглашусь..он просто всегда создает прямоугольник уже с заданной величиной

400px;

при моем выставлении max-width:

Соответсвенно картинка имеет разные размеры и получается , что она смотрится в прямоугольнике всегда по разному ...то на половину, то на 75 процентов закрывает...область прямоугольника...

Зато он хоть имеет теперь границы..а раньше на всю длину раскатывался.

Зато в других браухерах они игнорирует max-width: и аккуратно вписывается по размерам.