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"> </th>
</tr>
<tr>
<td height="332"> </td>
<td> </td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br>
</p>
<center>
</center>
</div>
</body>
</html>
