Пустое пространство между несколькими фреймами

Question

У меня есть несколько фреймов на странице, и мне нужен первый из них.Но когда я делаю это: http://tak.robi.to/scale/index2.htm после взбалтывания, между первым и вторым появляется пробел / разрыв.Мне нужно установить промежуток между первым и вторым всегда 20px (даже если это будет scalling).

 #slider {
          width: 100%;
        }

       <iframe id="iframe" style="margin-top: 10px;" src="1.html" frameborder="0" width="100%" height="200px">
       </iframe>
       <iframe id="iframe" style="margin-top: 10px;" src="2.html" frameborder="0" width="100%">
       </iframe>

Пожалуйста, помогите.Я графический дизайнер и действительно имею проблемы с этим: (

Answer 1

Во-первых, идентификаторы уникальны, см. Идентификаторы и классы: https://css -tricks.com / разница-id-и-класса / Вместо этого используйте классы или id="iframe1" и id="iframe2, например iframe1 с margin-bottom: 10px и iframe2 с margin-top: 10px или только iframe1 с margin-bottom: 20px ...