Necesito una página estática, no movible al reducir el tamaño del navegador o ventana html css
Quisiera saber como hacer una página que no se mueva para nada, es decir, Al reducir el tamaño del navegador, que el contenido de mi página no se altere. No quiero que mi página se adapte a nada lo quiero estático. Lo que si quiero es que se adapte a cualquier resolución. Les doy como ejemplo maso menos la página de Taringa es lo que busco. https://www.taringa.net/. Pero en síntesis, las paginas antiguas que uno diseñaba eran estaticas y no se adaptaban al reducir el navegador. Para utilizarlas tenias que definitivamente maximizar la ventana y ver todo el contenido.
Mi código HTML:
<html> <body style="background-color: #F1F1F1; position: relative; display: block; "> <?php include "php/navbar.php";¿?> <div id="content"> <section class="sidebar"> </section> <section class="mainContent" style="background: url(images/Energia2.png);background-size:cover; height: 92%; width: 82%; overflow: hidden;"> <!--<div style="position: absolute; overflow:hidden; display: block; margin:auto;width: 85%; float: left"><img src="images/Energía.png"></div>--> <div style="position: relative; width: 200px; margin-top: 150px; margin-left: 60px;"> <table width="105" border="2" cellspacing=0 cellpadding=0 bordercolor="#5E5500" style="background-color: #F5FFC3;font-size: 12px; "> <tbody> <tr> <td width="54" style="padding-left: 8px; padding-right: 8px;">Energía</td> <td width="43"> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </tbody> </table> </div> </section> </div> </body> </html>
