Фрейм занимает больше места, чем подобный ему div

Тема в разделе "Верстка", создана пользователем Q_BASIC, 16 окт 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. Q_BASIC

    Q_BASIC

    Регистр.:
    30 ноя 2013
    Сообщения:
    403
    Симпатии:
    274
    Приветствую,

    Столкнулся с такой проблемой:
    Есть iframe:
    Код:
    <iframe id="editframe" class="iframe"></iframe>
    Размеры устанавливаются на всю высоту и ширину экрана пользователя.
    width: 100% через CSS, а высота через Javascript:
    Код:
    $('.iframe').css('height', document.documentElement.clientHeight);
    Но создается полоса прокрутки, как будто что-то мешает ему. Хотя на странице больше ничего нет.

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

    Если вместо фрейма вставить div:
    Код:
    <div id="editframe" class="iframe"></div>
    То всё нормально.

    Все отступы убраны через CSS изначально:
    Код:
    * {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    }
     
  2. denverkurt

    denverkurt Denve®

    Регистр.:
    23 дек 2013
    Сообщения:
    694
    Симпатии:
    383
    по-умолчанию у фреймов есть граница, примерно как у таблиц. убрать ее стандартными CSS border: 0; не получится. попробуйте прописать так:
    Код:
    <iframe id="editframe" class="iframe" frameborder="0"></iframe>
     
  3. ModuLe

    ModuLe Создатель

    Регистр.:
    8 сен 2015
    Сообщения:
    33
    Симпатии:
    6
    Для IFRAME делаем ID IFRAME
    Код:
    <iframe id="iframe" .......></iframe>
    потом в css надо прописать один параметр.
    Код:
    #iframe {
    overflow: hidden;
    }
    
    Попробуйте так?
     
  4. SkaterSPB

    SkaterSPB Создатель

    Регистр.:
    5 окт 2011
    Сообщения:
    21
    Симпатии:
    1
    Сначала к диву примените свойство
    overflow: hidden;
    после этого, то что не влезло в див будет обрезано
    далее, если вышло криво то подбирайте отступы (margin) возможно отрицательные
     
Статус темы:
Закрыта.