Hola a todos! Soy nueva en el foro. Me gustaría que me ayudaran ya que estoy editando un código HTML en el cual uso una imagen como base de todo, allí coloco los posts, la sidebar y todo el contenido lo coordino con "width, height, margin-right" etc. (Me disculpan si no me sé explicar, llevo muy poco en esto). Bueno, el problema reside en la sidebar; allí tengo unas imágenes y letras que siempre que achico o agrando la pantalla se desordenan. En mi computador aparece bien pero entro a otro y salen totalmente a la iziquierda, entonces, mi pregunta es, ¿Cómo puedo hacer para que la imagen quede estática, y no se distorsione según la resolución de la pantalla?
Sólo por si preguntan, aquí está el código que manejo para eso:
#side{
float: right;
width:260px;
position:fixed;
top: 15px;
right: 5px;
height:100%;
margin-right:660px;
margin-top:70px;
padding:5px;
background-color: #fff;
top:10px;
}
#center{
width:785px;
{block:PermalinkPage}
width:500px;
padding:5px;
{/block:PermalinkPage}
position: absolute;
margin-top:75px;
margin-left:122px;
top:15px;
padding-right:2px;
background-color: #transparent;
}
Y este es el de las imágenes que van en la sidebar:
<div id="center">
<div id="side">
<center><img src="xxx"><br><br>
<br>
<br>
<img src="xxx"></center>
</div></div>
Les agradecería muchísimo si me pueden ayudar :). Gracias de antemano.