Hay me cachis, no logro poner uno debajo del otro por las buenas
Habrá que meterlos en una tabla, ahí te dejo el ejemplo.
Respecto a dale al iframe el color que quieras... en realidad dentro está viendo un body, por defecto en blanco.
Tienes dos opciones:
O bien pedirle que por defecto, de entrada, te cargue una página en blanco, con el color de fondo que le hayas escogido...
o bien pedirle que escriba el color de fondo dinámicamente con javascipt
<table>
<tr><td>
<iframe align="right" valign="bottom" name="iframeUno" width="300" height="200" border="no" MARGINWIDTH=0 MARGINHEIGHT=0 FRAMEBORDER="No" ></iframe></td></tr>
<tr><td>
<iframe align="right" valign="bottom" name="iframedos" width="300" height="200" border="no" MARGINWIDTH=0 MARGINHEIGHT=0 FRAMEBORDER="No"></iframe>
<script language="javascript">
top.iframeUno.document.write("<html><body bgcolor='red'></body></html>")
top.iframeUno.document.close()
</script>
</td></tr></table>
Eso escribirá con javascript el color que quieras dentro de los iframes.
La opción de que cargue una página del mismo color dentro sería quitando la parte ésta:
<script language="javascript">
top.iframeUno.document.write("<html><body bgcolor='red'></body></html>")
top.iframeUno.document.close()
</script>
Y a tus iframe les añades....
<iframe align="right" valign="bottom" name="iframeUno" width="300" height="200" border="no" MARGINWIDTH=0 MARGINHEIGHT=0 FRAMEBORDER="No"
src="tupginaconfondodecolor.htm">
Quizás con la última opción tengas menos problemas de incompatibilidades.