Ширина iframe 100% на самом деле не охватывает страницу

Я присвоил своему тегу <iframe> стиль style="width:100%", и он почти занимает всю страницу, за исключением небольшого поля слева и справа. (Я пробовал и в Firefox, и в Chrome, и результат тот же.) Это не выглядит такой уж большой проблемой, но лучше, если iframe не оставляет левого и правого полей. Есть ли способ сделать это так?


html iframe width margin
person John    schedule 29.10.2012    source источник
comment
Нам понадобится код — в идеале jsFiddle   -  person jacktheripper    schedule 29.10.2012
comment
Это интересно... в jsFiddle поле не появляется. jsfiddle.net/7MXz5 Но в моем браузере он отображается.   -  person John    schedule 29.10.2012
comment
В вашем CSS добавьте body { margin: 0; padding: 0; } - должно это исправить   -  person jacktheripper    schedule 29.10.2012
comment
Похоже, только margin: 0 делает свое дело!   -  person John    schedule 29.10.2012

Ответы (2)


arrow_upward
1
arrow_downward

Этот CSS работает для меня в Firefox:

body { margin:0px; }
iframe { width:100%; height:100%; border:none }
person chrki    schedule 29.10.2012
comment
Похоже, только body { margin:0px; } делает свое дело! (не нужно border:none) - person John; 29.10.2012

arrow_upward
0
arrow_downward

style="width:100%;margin:0 -10px 0 -10px;"

или любое количество, которое, по вашему мнению, потребуется, чтобы довести его до краев. Отрицательные числа дают отрицательное поле, поэтому оно должно растягиваться до внешних краев, если не сделать его -20px.

person Spencer May    schedule 29.10.2012