Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Точная высота div меняется при масштабировании

Ответить
Настройки темы
Точная высота div меняется при масштабировании

Старожил


Сообщения: 282
Благодарности: 1

Профиль | Сайт | Отправить PM | Цитировать


Изменения
Автор: koresaram
Дата: 15-05-2013
Добрый день.
подскажите что тут не так?

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

-------
настоящему корейцу завсегда везде ништяк!


Отправлено: 12:07, 14-05-2013

 


Administrator


Сообщения: 25151
Благодарности: 3803

Профиль | Сайт | Отправить PM | Цитировать


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>

-------
FAQ по Windows 10 .::. Настройка Центра обновления в Windows 10 .::. Чистая установка Windows 10 – пошаговая инструкция


Отправлено: 12:13, 14-05-2013 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Старожил


Сообщения: 282
Благодарности: 1

Профиль | Сайт | Отправить PM | Цитировать


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

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

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

-------
настоящему корейцу завсегда везде ништяк!


Отправлено: 12:47, 14-05-2013 | #3



Administrator


Сообщения: 25151
Благодарности: 3803

Профиль | Сайт | Отправить PM | Цитировать


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

-------
FAQ по Windows 10 .::. Настройка Центра обновления в Windows 10 .::. Чистая установка Windows 10 – пошаговая инструкция


Отправлено: 12:53, 14-05-2013 | #4


Старожил


Сообщения: 282
Благодарности: 1

Профиль | Сайт | Отправить PM | Цитировать



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

приаттачил флешку. banner.rar

-------
настоящему корейцу завсегда везде ништяк!


Отправлено: 13:28, 14-05-2013 | #5



Administrator


Сообщения: 25151
Благодарности: 3803

Профиль | Сайт | Отправить PM | Цитировать


Цитата koresaram:
походу дело во флешке »
та не, у меня и с вашей флешкой все нормально:



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

-------
FAQ по Windows 10 .::. Настройка Центра обновления в Windows 10 .::. Чистая установка Windows 10 – пошаговая инструкция


Отправлено: 13:35, 14-05-2013 | #6


Старожил


Сообщения: 282
Благодарности: 1

Профиль | Сайт | Отправить PM | Цитировать


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



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

-------
настоящему корейцу завсегда везде ништяк!


Последний раз редактировалось koresaram, 15-05-2013 в 16:41.


Отправлено: 13:40, 14-05-2013 | #7



Administrator


Сообщения: 25151
Благодарности: 3803

Профиль | Сайт | Отправить PM | Цитировать


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

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

-------
FAQ по Windows 10 .::. Настройка Центра обновления в Windows 10 .::. Чистая установка Windows 10 – пошаговая инструкция


Отправлено: 13:47, 14-05-2013 | #8


Старожил


Сообщения: 282
Благодарности: 1

Профиль | Сайт | Отправить PM | Цитировать


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

-------
настоящему корейцу завсегда везде ништяк!


Отправлено: 13:51, 14-05-2013 | #9


Новый участник


Сообщения: 4
Благодарности: 0

Профиль | Сайт | Отправить PM | Цитировать


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

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

Отправлено: 08:53, 07-06-2013 | #10



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Точная высота div меняется при масштабировании

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
При перезагрузке меняется hosts lastik1 Лечение систем от вредоносных программ 9 29-03-2012 18:20
Принтер - Меняется цвет при печати! maxtrem Прочее железо 7 26-12-2010 23:54
Как при клике на DIV отобразить его поверх других? SystemKiller Вебмастеру 1 01-10-2009 00:41
html,css (div высота) brain_13 Вебмастеру 4 12-06-2008 09:02
[решено] JavaScript: кроссбраузерность при записи стиля в DIV Coutty Вебмастеру 2 15-08-2007 14:44




 
Переход