Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   Точная высота div меняется при масштабировании (http://forum.oszone.net/showthread.php?t=260526)

koresaram 14-05-2013 12:07 2149845

Точная высота div меняется при масштабировании
 
Добрый день.
подскажите что тут не так?

есть блок, в который вставляется флеш-баннер. причем баннер должен быть 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; тоже ни к чему не привело.


Blast 14-05-2013 12:13 2149848

display:block + overflow:hidden не поможет?

ну и как бы вынести стили в css не помешало бы, примерно так

HTML код:

.banner{
    display:block;
    width:100%;
    height:60px;
    border:1px solid red;
    overflow:hidden;
    }

А в страницу уже так
HTML код:

<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 2149877

display:block + overflow:hidden не поможет?

не, не помогло. все равно разъезжается.

про вынос стилей - да, на самой странице так и будет. а это кусок кода из тестовой, чтоб по двум файлам не прыгать )

Blast 14-05-2013 12:53 2149882

у меня не плывет ни в опере ни в IE, независимо от того насколько стянуто окно
можете приаттачить свою флешку в архиве, но я не думаю, что дело в ней

koresaram 14-05-2013 13:28 2149910

Вложений: 1
походу дело во флешке. потому что в ие вместо черного бекграунда идет белый, то есть это сам баннер начинает растягивать получается. в то же времая обычный блок с текстом ведет себя как надо http://logist.ru/glavdostavka1.html

приаттачил флешку. Файл 98858

Blast 14-05-2013 13:35 2149918

Цитата:

Цитата koresaram
походу дело во флешке »

та не, у меня и с вашей флешкой все нормально:



опера и FF максимально сжатые по горизонтали

koresaram 14-05-2013 13:40 2149926

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



вот тогда начинается эта фигня. а если просто окно браузера ресайзить, то там вроде нормально.

Blast 14-05-2013 13:47 2149930

Цитата:

Цитата koresaram
а я видимо не совсем правильно выразился »

гм.. скорее совсем неправильно :)

div имеет фиксированную высоту, а масштаб страницы влияет на все ее элементы естественно, так что тут у вас ничего не выйдет

koresaram 14-05-2013 13:51 2149934

а не знаете в самом флеш-баннере можно задать растягивание бекграунда по типу background-repeat? то есть как мне флешеру объяснить, что надо сделать )

koctik 07-06-2013 08:53 2163602

Многие веб-мастера и сайтостроители создавая свои проекты сайтов с помощью HTML таблиц, верстают блоки CSS, и часто применяют див тэги <div></div>. Оформляются все блоги в основном по парному количеству этих тэгов (сколько открывающих, значит должно быть столько и закрывающих), иначе блоки будут показываться не правильно.

Но почему то пишутся они не по порядку, а могут начинаться с нескольких открывающих, потом несколько закрыться, далее опять открытые и в конце возможно будут 3-4 закрывающих. Логика в этом конечно не очень понятно, но работает все правильно и без ошибок. Главную роль играет также позиционирование, например текст на главной странице пишется с самого начала, а в двух блоках боковых, применяемых как сидебары, не устанавливается с самого начала а уходит вниз и смотрится это совсем не хорошо.


Время: 03:03.

Время: 03:03.
© OSzone.net 2001-