Foros del Web » Creando para Internet » HTML »

Problema de adaptacion de web a diferentes monitores

Estas en el tema de Problema de adaptacion de web a diferentes monitores en el foro de HTML en Foros del Web. He creado una página Web insertada en resolución de 1024x768 con una tabla principal de ancho 90%. El problema es que en algunos ordenadores cuando ...
  #1 (permalink)  
Antiguo 23/06/2011, 08:20
 
Fecha de Ingreso: junio-2011
Ubicación: MURCIA
Mensajes: 1
Antigüedad: 12 años, 10 meses
Puntos: 0
Problema de adaptacion de web a diferentes monitores

He creado una página Web insertada en resolución de 1024x768 con una tabla principal de ancho 90%. El problema es que en algunos ordenadores cuando se pulsa en alguna opcion de la barra de navegación automáticamente la pantalla se ensancha, es decir aparece todo muy grande. Como se puede hacer para que se ajuste a todos los monitores. Adjunto Código:

<style type="text/css">
<!--
.rojo {
color: #400000;
}
body {
background-image: url(Imagenes/fondo.jpg);
background-color: #D1D1D1;
margin-left: 0px;
margin-right: 0px;
font-family: "Comic Sans MS", cursive;
font-size: 14px;
}
.Lucida {
font-family: Lucida Console, Monaco, monospace;
}
.Lucida a strong em {
font-family: "Lucida Console", Monaco, monospace;
font-weight: bold;
}
.textocentral {
font-size: 12px;
}
.textocentral {
font-size: 14px;
}
.textocentral {
font-size: 14px;
}
-->
</style>
</head>
<body onLoad="MM_preloadImages('BOTONES/DESPACHOPULSA.png','BOTONES/SERVIEMPRESPUL.png','BOTONES/SERVPARTIPULSA.png','BOTONES/CONTACTOPULSA.png')">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellspacing="0">
<tr>
<td height="276" colspan="4"><img src="Imagenes/LOGO2.jpg" alt="" width="100%" height="180"></td>
</tr>
<tr>
<td width="24%"><a href="despacho.html" target="_top" onClick="MM_nbGroup('down','group1','DESPACHO','', 1)" onMouseOver="MM_nbGroup('over','DESPACHO','BOTONES/DESPACHOPULSA.png','',1)" onMouseOut="MM_nbGroup('out')"><img src="BOTONES/DESPACHO.png" alt="" name="DESPACHO" width="99%" height="70" border="0" onload=""></a></td>
<td width="24%" valign="top"><a href="serviempresas.html" target="_top" onClick="MM_nbGroup('down','group1','EMPRESAS','', 1)" onMouseOver="MM_nbGroup('over','EMPRESAS','BOTONES/SERVIEMPRESPUL.png','',1)" onMouseOut="MM_nbGroup('out')"><img src="BOTONES/SERVIEMPRES.png" alt="" name="EMPRESAS" width="99%" height="70" border="0" id="EMPRESAS" onload=""></a></td>
<td width="25%" valign="top"><a href="serviparticulares.html" target="_top" onClick="MM_nbGroup('down','group1','PARTICULAR',' ',1)" onMouseOver="MM_nbGroup('over','PARTICULAR','BOTON ES/SERVPARTIPULSA.png','',1)" onMouseOut="MM_nbGroup('out')"><img src="BOTONES/SERVIPARTICU.png" alt="" name="PARTICULAR" width="99%" height="70" border="0" id="PARTICULAR" onload=""></a></td>
<td width="27%" valign="top"><a href="contacto.php" target="_top" onClick="MM_nbGroup('down','group1','CONTACTO','', 1)" onMouseOver="MM_nbGroup('over','CONTACTO','BOTONES/CONTACTOPULSA.png','',1)" onMouseOut="MM_nbGroup('out')"><img src="BOTONES/CONTACTO.png" alt="" name="CONTACTO" width="99%" height="70" border="0" id="CONTACTO" onload=""></a></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td bgcolor="#C1D2E2"><p>&nbsp;</p>
<p><img src="Imagenes/columna.png" alt="" width="75%" height="550"></p></td>
<th colspan="2" valign="top" bgcolor="#C1D2E2"><p>&nbsp;</p>
<blockquote>
<p>Si Tiene una <strong>Pyme </strong>o es
</blockquote>
<p class="textocentral">&nbsp;</p>
<p>&nbsp;</p>
<p></p></th>
<td valign="top" bgcolor="#C1D2E2"><p>&nbsp;</p>
<p align="right"><img src="Imagenes/b.jpg" alt="" width="92%" height="200"></p>
<p align="right"><img src="Imagenes/a.jpg" alt="" width="92%" height="250"></p></td>
</tr>
<tr>
<th height="118" colspan="4" bgcolor="#C1D2E2"><h5 class="Lucida">&nbsp;</h5>
<h5 class="Lucida"><a href="Asesoramientojuridico.html"><strong><em>Ases oramiento Jurídico</em></strong></a><strong><em> - <a href="asesoramientojuridico.html">Consultas Jurídicas</a> - <a href="asesoramientojuridico.html">Contratos</a></em></strong></h5>
<h5 class="Lucida"><strong><em><a href="asesoramientojuridico.html">Defensa Jurídica</a></em></strong><strong><em><a href="asesoramientojuridico.html">Propiedad Intelectual</a> - <a href="asesoramientojuridico.html">Derecho Civil</a> - <a href="asesoramientojuridico.html">Derecho de Familia</a></em></strong></h5>
<h5 class="Lucida"><strong><em>- <a href="asesoramientojuridico.html">Derecho Penal</a></em></strong> - <strong><em><a href="asesoramientojuridico.html">Derecho Administrativo</a> - <a href="asesoramientojuridico.html">Derecho Laboral</a></em></strong></h5>
<p>&nbsp;</p></th>
</tr>
<tr>
<td colspan="4" bgcolor="#648FB2"><div align="center"><img src="Imagenes/imgcita.jpg" alt="" width="36%" height="131"><a href="contacto.php"><img src="Imagenes/internet.jpg" alt="" width="36%" height="131" border="0" align="top"></a></div></td>
</tr>
<tr>
<td colspan="4" align="center" bgcolor="#648FB2"><p class="rojo">&nbsp;</p>
<p class="rojo"><em><strong>xxxxxxxxxxxxxxxxxxxxxxxxx xxxxx</strong></em></p>
<p class="rojo">&nbsp;</p>
<h5><em>Diseño Web</em></h5></td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
</tr>
</table>
</body>
</html>

Última edición por academiaruiz; 23/06/2011 a las 08:28
  #2 (permalink)  
Antiguo 26/06/2011, 10:30
 
Fecha de Ingreso: febrero-2011
Ubicación: define ('Ubicación', 'Mi_casa');
Mensajes: 21
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: Problema de adaptacion de web a diferentes monitores

Te recomiendo que en los margin pongas auto y no 0px y tambien que crees un archivo únicamente .css porque cuando aumenten los estilos será un poco lioso y no tan práctico.

Etiquetas: diferentes, monitores
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:17.