Hola que tal?
Estoy desarrollanado una página web en html/css
Yo tengo un monitor de 1600x900.
Lo que ocurre, es que si deseo verla desde otra resolución se me desconfigura todo.
Hay algún código para que no ocurra esto?
Aca les muestro los codigos quee stoy usando
Código HTML:
<head>
<link rel="stylesheet" type="text/css" href="esqueleto.css" />
</head>
<body>
<div id="encabezado">
<div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="960" height="150" id="FlashID" title="Tour de Rock">
<param name="movie" value="banner.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="file:///C|/Users/Alumno/Documents/Scripts/expressInstall.swf" />
<object type="application/x-shockwave-flash" data="banner.swf" width="960" height="150">
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="file:///C|/Users/Alumno/Documents/Scripts/expressInstall.swf" />
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
</object>
</object>
</div>
</div>
<div id="botonera"/>
<div><img src="botonera.gif" alt="Secciones"/></div>
<div id="contenedor"/>
<div><img src="indio.jpg" alt="Indio en Junin"/></div>
<div id="otra"/>
<div width="400" height="500"><img src="otra.jpg" width="200" height="300"></div>
</body>
</html> y este es el archivo CSS
Código HTML:
body{ margin: 0; padding: 0; #C9C; background-color: #CCC;
}
#encabezado{
position: fixed;
top:3px;
left: 18%;
padding: 15px;
}
#botonera{
position: fixed;
top: 23.8%;
left: 302px;
width: 930px;
background-color: #000000;
padding: 15px;
}
#contenedor{
position: fixed;
top: 30.8%;
left: 302px;
width: 950px;
background-color: #FFFFFF;
padding: 5px;
}
#otra{
position: fixed;
top: 222px;
left: 815px;<
padding: 5px;
background-color: #FFFFFF;
}