Foros del Web » Creando para Internet » HTML »

Problema resolucion de pagina web

Estas en el tema de Problema resolucion de pagina web en el foro de HTML en Foros del Web. Hola que tal , soy nuevo en esto , casi , tengo un problema con un diseño de pag web la cree en todas layers ...
  #1 (permalink)  
Antiguo 01/08/2010, 14:20
 
Fecha de Ingreso: agosto-2010
Mensajes: 4
Antigüedad: 7 años, 4 meses
Puntos: 0
Pregunta Problema resolucion de pagina web

Hola que tal , soy nuevo en esto , casi , tengo un problema con un diseño de pag web la cree en todas layers la pagina y ahora va el problema , la cree con la resolucion de mi motir osea 1440 x 900 , la subi a internet cuando se la paso a un amigo para probar se le veia gigante , por que tenia resolucion 1024 , osea la default , habra alguna manera de que se mantenga la resolucion en cada monitor ?
si saben algo comentenmen.
gracias :)



este es el codigo de mi principal

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<div>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Torneo Futbol 8</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:179px;
top:314px;
width:1049px;
height:311px;
z-index:1;
background-color: #990000;
}
#Layer2 {
position:absolute;
left:751px;
top:116px;
width:450px;
height:302px;
z-index:2;
background-color: #000000;
}
#Layer3 {
position:absolute;
left:26px;
top:193px;
width:648px;
height:222px;
z-index:3;
}
#Layer4 {
position:absolute;
left:188px;
top:3px;
width:575px;
height:312px;
z-index:4;
cursor: auto;
}
#Layer5 {
position:absolute;
left:12px;
top:193px;
width:547px;
height:118px;
z-index:5;
}
#Layer6 {
position:absolute;
left:359px;
top:230px;
width:112px;
height:64px;
z-index:5;
}
#Layer7 {
position:absolute;
left:620px;
top:229px;
width:220px;
height:76px;
z-index:6;
}
#Layer8 {
position:absolute;
left:355px;
top:219px;
width:144px;
height:53px;
z-index:5;
}
#Layer9 {
position:absolute;
left:270px;
top:107px;
width:299px;
height:266px;
z-index:5;
}
#Layer10 {
position:absolute;
left:615px;
top:79px;
width:341px;
height:177px;
z-index:5;
background-color: #000000;
}
#Layer11 {
position:absolute;
left:188px;
top:314px;
width:1047px;
height:392px;
z-index:5;
background-color: #000000;
overflow: auto;
cursor: auto;
}
body {
background-image: url(fondo.jpg);
}
#Layer12 {
position:absolute;
left:192px;
top:322px;
width:1026px;
height:365px;
z-index:6;
overflow: scroll;
}
#Layer13 {
position:absolute;
left:199px;
top:237px;
width:215px;
height:57px;
z-index:6;
}
#Layer14 {
position:absolute;
left:458px;
top:237px;
width:117px;
height:79px;
z-index:7;
}
#Layer15 {
position:absolute;
left:716px;
top:237px;
width:97px;
height:78px;
z-index:8;
}
#Layer16 {
position:absolute;
left:289px;
top:232px;
width:246px;
height:84px;
z-index:9;
}
#Layer17 {
position:absolute;
left:218px;
top:354px;
width:1011px;
height:143px;
z-index:9;
}
#Layer18 {
position:absolute;
left:482px;
top:704px;
width:183px;
height:182px;
z-index:10;
}
#Layer19 {
position:absolute;
left:975px;
top:237px;
width:99px;
height:84px;
z-index:11;
}
#Layer20 {
position:absolute;
left:325px;
top:406px;
width:261px;
height:38px;
z-index:12;
}
#Layer21 {
position:absolute;
left:391px;
top:454px;
width:105px;
height:108px;
z-index:13;
}
.Estilo6 {color: #000000}
-->
</style>
</head>
<body>
<table width="200" border="0">
<tr>
<th scope="col"><img src="TITULOFUBOL.jpg" width="1047" height="311" border="0" /></th>
<th scope="col">&nbsp;</th>
</tr>
<tr>
<td height="332">&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br>
</p>
<center>
</center>
</div>
</body>

</html>

Última edición por KamorraOk; 01/08/2010 a las 14:29
  #2 (permalink)  
Antiguo 01/08/2010, 15:16
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Problema resolucion de pagina web

KamorraOk:

Si queres hacer una página para multiples resoluciones, tenes que intentar trabajar con medidas relativas ó ayudarte con javascript para detectar la resolución del cliente, eso en general

pero en tu caso en particular, las medidas de tus capas son todas inferiores a la de la resolución de tu amigo, sin embargo estás usando una imagen de 1049px, que supera los 1024, eso provoca la distorsión, la img no debería tener mas de 900/950 px.
(siempre debes dar un cierto margen)
Saludos
  #3 (permalink)  
Antiguo 03/08/2010, 19:34
 
Fecha de Ingreso: abril-2010
Mensajes: 12
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Problema resolucion de pagina web

A mi me pasaba lo mismo!

lo que me toco hacer es meter toda la informacion de mi web dentro de una tabla y manejarlas con medidas relativas!

Etiquetas: Ninguno
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 20:32.