dima4321 Posted November 28, 2009 Report Share Posted November 28, 2009 Структура файла—текст слева 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. Помогите Quote Link to comment Share on other sites More sharing options...
0 Justnewone Posted November 28, 2009 Report Share Posted November 28, 2009 Что такое блок 2?Вообще, если убрать ширину у флоат блока - он начнет занимать в ширину ровно столько, сколько контент внутри + отступы, если есть. Если применяете ширину - он такой ширины и будет, за исключением IE6, для которого width на самом деле работает как min-width. Quote Link to comment Share on other sites More sharing options...
0 dima4321 Posted November 28, 2009 Author Report Share Posted November 28, 2009 (edited) Что такое блок 2?Вообще, если убрать ширину у флоат блока - он начнет занимать в ширину ровно столько, сколько контент внутри + отступы, если есть. Если применяете ширину - он такой ширины и будет, за исключением IE6, для которого width на самом деле работает как min-width.Блок 2 тескст ссылками...( див)В общем еще раз попробовал через интерфейс хостинга перегрузить без параметра width и получилось..А через мой cute ftp почему то подтормаживал. Все равно спасибо !!!В опере все нормальноХотя exploer чего-то протупил..и раскатал div до левого края перекрыв даже текст...и мозила тожеБлок 2 тескст ссылками...( див)В общем еще раз попробовал через интерфейс хостинга перегрузить без параметра width и получилось..А через мой cute ftp почему то подтормаживал. Все равно спасибо !!!В опере все нормальноА вот exploer чего-то протупил..и раскатал div до левого края перекрыв даже текст...В общем проблема пока не решена... Есть мнения ?? Edited November 28, 2009 by dima4321 Quote Link to comment Share on other sites More sharing options...
0 Justnewone Posted November 28, 2009 Report Share Posted November 28, 2009 Блок 2 тескст ссылками...( див)В общем еще раз попробовал через интерфейс хостинга перегрузить без параметра width и получилось..А через мой cute ftp почему то подтормаживал. Все равно спасибо !!!В опере все нормальноХотя exploer чего-то протупил..и раскатал div до левого края перекрыв даже текст...и мозила тожеБлок 2 тескст ссылками...( див)В общем еще раз попробовал через интерфейс хостинга перегрузить без параметра width и получилось..А через мой cute ftp почему то подтормаживал. Все равно спасибо !!!В опере все нормальноА вот exploer чего-то протупил..и раскатал div до левого края перекрыв даже текст...В общем проблема пока не решена... Есть мнения ??Я Вам расписал, про эксплорер тоже. Quote Link to comment Share on other sites More sharing options...
0 dima4321 Posted November 28, 2009 Author Report Share Posted November 28, 2009 (edited) Я Вам расписал, про эксплорер тоже.Ну написано:min widthУстанавливает минимальную ширину элемента. Если окно браузера достигает заданной минимальной ширины элемента, то его ширина остается неизменной и появляется горизонтальная полоса прокрутки.Дык а как бороться с этим ?? есть варианты...Самое интересное, это то, что если текст туда вставить например ссылки стольбиком..то он примет норамльную ширину без дополнительной полосы Edited November 28, 2009 by dima4321 Quote Link to comment Share on other sites More sharing options...
0 lancer Posted November 28, 2009 Report Share Posted November 28, 2009 (edited) Дайте код что-ли целиком.. Edited November 28, 2009 by lancer Quote Link to comment Share on other sites More sharing options...
0 dima4321 Posted November 28, 2009 Author Report Share Posted November 28, 2009 может просто в боке выставить эти min-width: и max ?? Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted November 28, 2009 Report Share Posted November 28, 2009 может просто в боке выставить эти min-width: и max ??дай ссылку и скрин трабла Quote Link to comment Share on other sites More sharing options...
0 dima4321 Posted November 28, 2009 Author Report Share Posted November 28, 2009 так как тормозит только в IE 6 делать нечего в css выставил max-width: 400px;min-width: 100px;Поле width убралИтог везде обтекает хорошо... А в IE есть лишнее мясо diva ....ну и хрен с ним зато оно ограничено параметромmax-width: 400px; Quote Link to comment Share on other sites More sharing options...
0 Justnewone Posted November 28, 2009 Report Share Posted November 28, 2009 так как тормозит только в IE 6 делать нечего в css выставил max-width: 400px;min-width: 100px;Поле width убралИтог везде обтекает хорошо... А в IE есть лишнее мясо diva ....ну и хрен с ним зато оно ограничено параметромmax-width: 400px;Ie6 не понимает ни min- ни max-. Ищите в гугле "max-width min-width IE6" Quote Link to comment Share on other sites More sharing options...
0 dima4321 Posted November 29, 2009 Author Report Share Posted November 29, 2009 Смотря как не понимает...не соглашусь..он просто всегда создает прямоугольник уже с заданной величиной 400px;при моем выставлении max-width:Соответсвенно картинка имеет разные размеры и получается , что она смотрится в прямоугольнике всегда по разному ...то на половину, то на 75 процентов закрывает...область прямоугольника...Зато он хоть имеет теперь границы..а раньше на всю длину раскатывался.Зато в других браухерах они игнорирует max-width: и аккуратно вписывается по размерам. Quote Link to comment Share on other sites More sharing options...
Question
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.
Помогите
Link to comment
Share on other sites
10 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.