¿Cómo uso múltiples iFrames en mi página html?

Solo los tengo en el cuerpo de la página uno tras otro. Si hago esto con <object>, los veo a todos. Con iFrames, solo veo el primero.

<iframe id="AlertMaintenance" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="https://stackoverflow.com/questions/8068578/AlertMaintenance.html"/>

<iframe id="DelayReason" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="DelayReason.html"/>

Tienes que especificar un </iframe> etiqueta de cierre. Etiquetas de cierre automático ( />) no funcionan.

Código de trabajo:

<iframe id="AlertMaintenance" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="https://stackoverflow.com/questions/8068578/AlertMaintenance.html"></iframe>
<iframe id="DelayReason" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="DelayReason.html"></iframe>

Se requieren etiquetas finales. Ver también: MDN: marco flotante.

Iframe tiene una etiqueta de cierre:

<iframe ...></iframe>

Agrégalos.

Está intentando usar etiquetas de cierre automático.

Cambia esto a:

<iframe id="AlertMaintenance" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="https://stackoverflow.com/questions/8068578/AlertMaintenance.html"></iframe>

<iframe id="DelayReason" style="border-style: none; border-color: inherit; border-width: 0px; height:1222px; width:100%;" src="DelayReason.html"></iframe>