La imagen muestra cómo se verá cuando imprima uno de los Iframes que tengo, mi problema es cómo puedo unir los otros tres Iframes (son casi iguales en alto y ancho, en realidad también se ven así) y quiero llenar esto toda la página de impresión con esos otros tres Iframes de contenido. Por cierto, uso este Iframe porque quiero obtener el contenido de otra página y uso el botón en mi página principal para imprimir o generar un informe con esos.

Aquí están los marcos flotantes

 <iframe src="temperature(1).php" scrolling="no" style="border: 0px none; margin-left: -1000px; height:200px; visibility:none; margin-top:-700px; width: 1000px;" name="temp" id="temp"></iframe> <iframe src="turbidity(1).php" scrolling="no" style="border: 0px none; margin-left: -1000px; height:200px; visibility:none; margin-top: -1000px; width: 1000px;" name="ntu"></iframe> <iframe src="water-level(1).php" scrolling="no" style="border: 0px none; margin-left: -1000px; height:200px; visibility:none; margin-top: -1000px; width: 1000px;" name="waterlevel"></iframe> <iframe src="pH(1).php" scrolling="no" style="border: 0px none; margin-left: -1000px; height:200px; visibility:none; margin-top: -1000px; width: 1000px;" name="pH"></iframe>

Y el botón que uso para imprimir, pero esta cosa solo puede imprimir 1 de esos cuatro cuadros, no sé cómo puedo unir los cuatro e imprimirlos en una página con algún enfoque por ahí... que es lo que quiero pasar...

 <button class="btn btn-primary btn-sm ml-5 float-right mr-4" onclick="frames['waterlevel'].print()">Generate Report</button>