hola soy nuevo en el foro ante todo felicidades por su portal web muy útil y completo.
bueno hablando del asunto estoy construyendo un sitio web informativo para una comunidad como parte de un trabajo de la universidad, soy novicio en esto de diseño web apenas empece hace unas semanas y mi problema es que la pagina distorsiona el contenido segun el zoom o tamaño que tenga la ventana donde se abre.
aqui se ve con el navegador con el zoom normal mi monitor es de 19pulg con resolucion de 1280x1024
https://www.dropbox.com/s/m8z9z8drw226w5x/Nueva%20imagen.png
pero cuando la abro en el mismo monitor pero con zoom aumentado o en una pantalla mas pequeña que la mía le ocurre esto
https://www.dropbox.com/s/pvhmxz1lh8bp89t/Nueva%20imagen%20%281%29.png
este es el codigo de la pagina por si alguien lo necesita para que me pueda decir que debo añadirle para que no ocurra eso
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>consejo comunal</title>
<style type="text/css">
h3 {
font-family: Adobe Fangsong Std R;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
}
</style>
</head><body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 153);" alink="#ee0000" link="#0000ee" vlink="#551a8b">
<div style="text-align: left; background-color: rgb(204, 0, 0);"><a href="http://www.mppeu.gob.ve/"><img style="border: 0px solid ; width: 426px; height: 93px;" alt="" src="images/LOGOMINISTERIOPUBLICO.jpg"></a>
<a href="http://www.misionsucre.gov.ve/"><img style="border: 0px solid ; width: 124px; height: 103px;" alt="" src="images/MISIONSUCRE.jpg"></a>
<a href="http://www.upta.edu.ve/moodle/"><img style="border: 0px solid ; width: 140px; height: 105px;" alt="" src="images/upt.jpg"></a><br>
</div>
<dl>
<dt style="text-align: center;"><img style="width: 991px; height: 205px;" alt="" src="images/consejo-comunal.png"><br>
</dt>
</dl>
<div style="text-align: center;">
<h1 style="font-family: Adobe Fan Heiti Std B;"><span style="color: rgb(0, 255, 255); font-size: 32px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(255, 0, 0); display: inline ! important; float: none;"></span><span style="color: rgb(204, 0, 0); font-family: Adobe Fangsong Std R;">BIENVENIDOS
AL SITIO WEB INFORMATIVO
DEL
CONSEJO COMUNAL "23 DE ENERO POLIGONAL 3 Y 4"</span></h1>
<br>
<br>
</div>
<script language="JavaScript">
mensagem = prompt("Por favor, ingresa tu nombre",'');
if (mensagem==null) {
document.write("¡Hola, visitante!")
}else{
if (mensagem=='') {
document.write("<b><font face=arial size=2 color=#000000>¡Hola, visitante!</font></b>")
}else{
document.write("<b><font face=arial size=2 color=#000000>¡Hola "+mensagem+"! Bienvenido a nuestro sitio web</font></b>");
}
}
</script>
<hr>
<hr>
<table border="1" width="700">
<tbody>
<tr>
<td bgcolor="navajowhite" width="100"><a href="INDEX.html">INICIO</a>
</td>
<td bgcolor="navajowhite" width="100"> <a href="UBICACION.html">UBICACION</a>
</td>
<td bgcolor="navajowhite" width="100"> <a href="NOSOTROS.html">NOSOTROS</a>
</td>
<td bgcolor="navajowhite" width="100">
<div style="text-align: left;"> <a href="CONTACTENOS.HTML">CONTACTENOS</a></div>
</td>
<td bgcolor="navajowhite" width="100"> <a href="IMAGENES.HTML">IMAGENES</a>
</td>
<td bgcolor="navajowhite" width="100"> <a href="ZONADEDESCARGA.HTML">ZONA DE DESCARGA</a> </td>
</tr>
</tbody>
</table>
<hr>
<hr><br>
<div style="text-align: center;">
<h3 style="font-family: Adobe Fangsong Std R;"><cite><big><big><span style="background-color: transparent; color: black;"><span class="">BIENVENIDOS</span></span></big></big></cite></h3>
<big style="font-family: Arial Black;">Al sitio web informativo<big>
</big>del consejo comunal 23 de enero
poligonal 3 y 4, Aquí encontrará información relevante y de utilidad;
como la
historia del barrio 23 de enero,
imagenes del sector, informacion demografica, ubicacion satelital</big><span style="font-family: Arial Black;">
y </span><big style="font-family: Arial Black;">descarga de archivos
utiles.</big><br>
.<big><big><br>
<br>
<br>
</big></big></div>
<script language="JavaScript">
<!-- Oculto para browsers antiguos
// Este y otros JavaScripts
// en - http://www.gratisss.bizland.com
var scrtxt= "Revisa la zona de descargas"
var lentxt= scrtxt.length;
var width= 100;
var countb= 8; // Numero de veces que tintinea el flash del primer mensaje //
var count= width+lentxt;
var nmsg=1; // numero de mensajes
var message= new initArray(" Tu comunidad online");
function initArray() {
this.length= initArray.arguments.length
for (var i= 0; i < this.length; i++)
this[i+1]= initArray.arguments[i]
}
function shift() {
var outtxt= ""
var dif= count-lentxt;
if (dif>0) {
for (var i= 1; i<=dif; i++) {
outtxt= outtxt+" "}
outtxt= outtxt+scrtxt.substring(0,width-dif)
}
else {
outtxt= scrtxt.substring(-dif,lentxt)
}
document.scrform.scrtext.value= outtxt
}
function scroll() {
var n;
if ((countb>0) && (count-lentxt==0)) {count=0}
if (count-->0) {
shift();
setTimeout("scroll()",65) // 65 tiempos de display entre letras //
}
else {
if (countb-->0) {
if ((countb % 2)==0) {
document.scrform.scrtext.value= " "
setTimeout("scroll()",250) //250 tiempos de Flash para el primer mensaje//
}
else {
document.scrform.scrtext.value= scrtxt;
if (countb==1) {
setTimeout("scroll()",2000)} //2000 tiempo de retardo para que aperezca mensaje despues de flash//
else {
setTimeout("scroll()",250)} // retardo de flashing para que comienze el mensaje //
}
}
else {
now= new Date();
n= 1+Math.floor(nmsg*Math.abs(Math.sin(now.getTime()) ));
if (n>nmsg) { n= nmsg}
scrtxt= message[n];
lentxt= scrtxt.length;
count= lentxt+width+1;
setTimeout("scroll()",150) //150 tiempo de retardo para mostrar el segundo mensaje //
}
}
}
// -->
</script>
<center>
<form style="background-color: rgb(102, 102, 0);" name="scrform" onsubmit="0"> <input name="scrtext" size="60" type="text"></form>
<script> scroll();</script><br>
<br>
<br>
<div style="text-align: center; background-color: rgb(102, 102, 0);"><a title="Document made with KompoZer" href="http://kompozer.net/"><img alt="Document made with KompoZer" src="http://kompozer.sourceforge.net/images/kompozer_80x15.png" border="0"></a>
<a href="https://www.dropbox.com/"><img style="border: 0px solid ; width: 129px; height: 29px;" alt="" src="images/dropbox.png"></a> &n bsp;
mision sucre, todos los derechos reservados
&n bsp; &nbs p;
<img style="width: 81px; height: 33px;" alt="" src="images/html.jpg">
<small style="color: rgb(204, 153, 51);"><big><span style="font-family: Adobe Gothic Std B; font-style: italic;">firefox</span></big>
</small> <a href="http://www.mozilla.org/es-ES/firefox/new/"><img style="border: 0px solid ; width: 66px; height: 33px;" alt="" src="images/images.jpg"></a><br>
</div>
</center>
</body></html>