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

[Q_BASIC]

Приветствую,

Столкнулся с такой проблемой:
Есть 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;
}

 

[denverkurt]

по-умолчанию у фреймов есть граница, примерно как у таблиц. убрать ее стандартными CSS border: 0; не получится. попробуйте прописать так:

<iframe id="editframe" class="iframe" frameborder="0"></iframe>

 

[ModuLe]

Приветствую,

Столкнулся с такой проблемой:
Есть 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;
}

Для IFRAME делаем ID IFRAME

<iframe id="iframe" .......></iframe>

потом в css надо прописать один параметр.

#iframe {
overflow: hidden;
}

Попробуйте так?

 

[SkaterSPB]

Сначала к диву примените свойство
overflow: hidden;
после этого, то что не влезло в див будет обрезано
далее, если вышло криво то подбирайте отступы (margin) возможно отрицательные