Показать полную графическую версию : Точная высота div меняется при масштабировании
koresaram
14-05-2013, 12:07
Добрый день.
подскажите что тут не так?
есть блок, в который вставляется флеш-баннер. причем баннер должен быть 100% по ширине и 60 пикселей в высоту.
<div style="width:100%; height:60px; border:1px solid red; min-height:60px; max-height:60px;">
<object type="application/x-shockwave-flash" data="/glbanner.swf" width="100%" height='60' bgcolor="#000000">
<param name="movie" value="/glbanner.swf">
<param name="quality" value="high">
</object>
</div>
в нормальном размере все отображается как надо, но если начать масштабировать экран в браузере, то сам флеш-баннер по высоте остается 60 пикселей, а фот высота блока начинает увеличиваться несмотря на прописанную высоту. Добавление к стилю min-height:60px; max-height:60px; тоже ни к чему не привело.
http://clip2net.com/clip/m184474/1368518703-clip-5kb.png
display:block + overflow:hidden не поможет?
ну и как бы вынести стили в css не помешало бы, примерно так
.banner{
display:block;
width:100%;
height:60px;
border:1px solid red;
overflow:hidden;
}
А в страницу уже так
<div class="banner">
<object type="application/x-shockwave-flash" data="/glbanner.swf" width="100%" height='60' bgcolor="#000000">
<param name="movie" value="/glbanner.swf">
<param name="quality" value="high">
</object>
</div>
koresaram
14-05-2013, 12:47
display:block + overflow:hidden не поможет?
не, не помогло. все равно разъезжается.
про вынос стилей - да, на самой странице так и будет. а это кусок кода из тестовой, чтоб по двум файлам не прыгать )
у меня не плывет ни в опере ни в IE, независимо от того насколько стянуто окно
можете приаттачить свою флешку в архиве, но я не думаю, что дело в ней
koresaram
14-05-2013, 13:28
походу дело во флешке. потому что в ие вместо черного бекграунда идет белый, то есть это сам баннер начинает растягивать получается. в то же времая обычный блок с текстом ведет себя как надо http://logist.ru/glavdostavka1.html
приаттачил флешку. 98858
походу дело во флешке »
та не, у меня и с вашей флешкой все нормально:
http://tools.oszone.net/Blast/upimage/original/14-05-2013 12-32-49.png http://tools.oszone.net/Blast/upimage/original/14-05-2013 12-32-28.png
опера и FF максимально сжатые по горизонтали
koresaram
14-05-2013, 13:40
а я видимо не совсем правильно выразился. с масштабированием если в опере ползунок двигать
http://clip2net.com/clip/m184474/1368524361-clip-7kb.png
вот тогда начинается эта фигня. а если просто окно браузера ресайзить, то там вроде нормально.
а я видимо не совсем правильно выразился »
гм.. скорее совсем неправильно :)
div имеет фиксированную высоту, а масштаб страницы влияет на все ее элементы естественно, так что тут у вас ничего не выйдет
koresaram
14-05-2013, 13:51
а не знаете в самом флеш-баннере можно задать растягивание бекграунда по типу background-repeat? то есть как мне флешеру объяснить, что надо сделать )
Многие веб-мастера и сайтостроители создавая свои проекты сайтов с помощью HTML таблиц, верстают блоки CSS, и часто применяют див тэги <div></div>. Оформляются все блоги в основном по парному количеству этих тэгов (сколько открывающих, значит должно быть столько и закрывающих), иначе блоки будут показываться не правильно.
Но почему то пишутся они не по порядку, а могут начинаться с нескольких открывающих, потом несколько закрыться, далее опять открытые и в конце возможно будут 3-4 закрывающих. Логика в этом конечно не очень понятно, но работает все правильно и без ошибок. Главную роль играет также позиционирование, например текст на главной странице пишется с самого начала, а в двух блоках боковых, применяемых как сидебары, не устанавливается с самого начала а уходит вниз и смотрится это совсем не хорошо.
© OSzone.net 2001-2012
vBulletin v3.6.4, Copyright ©2000-2025, Jelsoft Enterprises Ltd.