Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
2 / 2 / 1
Регистрация: 28.09.2016
Сообщений: 98

Растянуть блок

02.03.2017, 00:29. Показов 1592. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый вечер.
Пользуюсь сервисом отзывов на сайте.
При попытке вставить их вод на нужную мне страницу, визуализация контента криво.

Т.е скрипт который вызывает блок идет в прокрутку. Как сделать что было он растянулся по своему размеру без прокрутки.
Код который я вставляю
HTML5
1
<iframe style="width: 100%; height: 100%; border: 0;" frameborder="0" src="http://reformal.ru/widget/976873"></iframe>
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
02.03.2017, 00:29
Ответы с готовыми решениями:

Растянуть блок до границы
Как можно растянуть блок до нижней границы? на рисунке нужно растянуть жёлтый блок до нижней границы зелёного.

Растянуть блок с контентом
Прижал футер к низу страницы ,а блок контента так и остался на своем месте .Фон боковых колонок будет отличатся от фона контента и поэтому...

Растянуть блок на всю высоту
Имеется блок див, который должен быть: Растянут на всю высоту окна - 20px, если контента мало, при этом не должна появлятся полоса...

4
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
02.03.2017, 00:53
отменить overflow если есть и убрать height везде
0
2 / 2 / 1
Регистрация: 28.09.2016
Сообщений: 98
02.03.2017, 00:56  [ТС]
aj17,
HTML5
1
<iframe style="width: 100%; height: 100%; border: 0;" frameborder="0" src="http://reformal.ru/widget/976873"></iframe>
- прописываю только этот код на страницу через хтмл редактор

Может его нужно во что то обернуть?
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
02.03.2017, 01:02
Лучший ответ Сообщение было отмечено Anderos как решение

Решение

HTML5
1
2
3
<div style="width:100%;height:500px;">
<iframe style="width: 100%; height: 100%; border: 0;" frameborder="0" src="http://reformal.ru/widget/976873"></iframe>
</div>
1
2 / 2 / 1
Регистрация: 28.09.2016
Сообщений: 98
02.03.2017, 01:04  [ТС]
mrtoxas, Спасибо. Идеально подошло
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
02.03.2017, 01:04
Помогаю со студенческими работами здесь

Работа с таблицами. Растянуть блок
Доброго времени суток Подскажите, пожалуйста, как выровнять текст по всей длине. ...

Растянуть фото на весь блок
Тут на заднем фоне есть картинка(линии) но она не на всю область блока как это исправить &amp;__dialog position: relative ...

Растянуть блок на 100% высоту
Первоначально задача в том что есть полупрозрачное изображение, которое нужно вставить фоном, с повторение по координате-у, таким образом...

Растянуть блок до самого низа
Не могу растянуть блок до самого низа, красной полоской показано до куда нужно растянуть Сам код: .sidebar { width:26.6%; ...

Растянуть блок до низа сайта
Здравствуйте, подскажите как мне растянуть меню до самого низа


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru