User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

Bueno, pues me surge un problema al crear una web, en una resolucion se ve bien, pero en otras se ve descuadrda, como puedo solucionar esto?

1440x990 http://img99.imageshack.us/img99/5384/sinttulo3dc6.gif

1280x1024http://img145.imageshack.us/img145/418/sinttulo3hf5.gif

Por si sirve de algo: el codigo fuente:

Spoiler:
<html>
<head>
<title>Bienvenido a Lagunamov</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
A:link, A:visited { text-decoration: none }
A:hover { text-decoration: underline }
</style>
<style type="text/css">
<!--
selector:pseudo-class {property: value}
a:link {color: #CCCCCC}        /* unvisited link */
a:visited {color: #CCCCCC}    /* visited link */
a:hover {color: #bdbdbd}    /* mouse over link */
a:active {color: #3682ff}    /* selected link */
.Estilo1 {
    color: #CCCCCC;
    font-size: 24px;
}
#Layer2 {
    position:absolute;
    width:80px;
    height:1px;
    z-index:2;
    left: 277px;
    top: 316px;
}
#Layer3 {
    position:absolute;
    width:112px;
    height:17px;
    z-index:3;
    left: 277px;
    top: 361px;
}
#Layer1 {
    position:absolute;
    width:94px;
    height:20px;
    z-index:4;
    left: 277px;
    top: 271px;
}
#Layer4 {
    position:absolute;
    width:130px;
    height:21px;
    z-index:5;
    left: 277px;
    top: 406px;
}
#Layer5 {
    position:absolute;
    width:136px;
    height:28px;
    z-index:6;
    left: 277px;
    top: 451px;
}
#Layer6 {
    position:absolute;
    width:168px;
    height:25px;
    z-index:7;
    left: 277px;
    top: 496px;
}
#Layer7 {
    position:absolute;
    width:216px;
    height:36px;
    z-index:8;
    left: 277px;
    top: 541px;
}
#Layer8 {
    position:absolute;
    width:121px;
    height:32px;
    z-index:9;
    left: 277px;
    top: 586px;
}
#Layer9 {
    position:absolute;
    width:197px;
    height:28px;
    z-index:10;
    left: 277px;
    top: 631px;
}
#Layer10 {
    position:absolute;
    width:120px;
    height:29px;
    z-index:11;
    left: 277px;
    top: 676px;
}
-->
</style>
<style>
#Layer11 {
    position:absolute;
    width:45px;
    height:10px;
    z-index:12;
    left: 318px;
    top: 1094px;
}
#Layer12 {
    position:absolute;
    width:39px;
    height:14px;
    z-index:13;
    left: 407px;
    top: 1094px;
}
#Layer13 {
    position:absolute;
    width:43px;
    height:20px;
    z-index:14;
    left: 364px;
    top: 1094px;
}
#Layer14 {
    position:absolute;
    width:143px;
    height:3px;
    z-index:15;
    left: 302px;
    top: 1261px;
}
.Estilo2 {font-size: 16px}
#Layer15 {
    position:absolute;
    width:182px;
    height:12px;
    z-index:16;
    left: 499px;
    top: 1261px;
}
#Layer16 {
    position:absolute;
    width:168px;
    height:19px;
    z-index:17;
    left: 731px;
    top: 1261px;
}
#Layer17 {
    position:absolute;
    width:171px;
    height:19px;
    z-index:18;
    left: 945px;
    top: 1261px;
}
#Layer18 {
    position:absolute;
    width:20px;
    height:16px;
    z-index:19;
    left: 268px;
    top: 1260px;
}
#Layer19 {
    position:absolute;
    width:19px;
    height:18px;
    z-index:20;
    left: 461px;
    top: 1260px;
}
#Layer20 {
    position:absolute;
    width:17px;
    height:14px;
    z-index:21;
    left: 698px;
    top: 1260px;
}
#Layer21 {
    position:absolute;
    width:17px;
    height:11px;
    z-index:22;
    left: 911px;
    top: 1260px;
}
#Layer22 {
    position:absolute;
    width:12px;
    height:15px;
    z-index:23;
    left: 1130px;
    top: 1260px;
}
#Layer23 {
    position:absolute;
    width:14px;
    height:8px;
    z-index:24;
    left: 293px;
    top: 1093px;
}
#Layer24 {
    position:absolute;
    width:18px;
    height:15px;
    z-index:25;
    left: 451px;
    top: 1092px;
}
.Estilo4 {color: #cccccc; font-size: 16px;}
</style>
</head>
<link rel="shortcut icon" href="icono.ico">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="fondo.jpg">
<div class="Estilo1" id="Layer2"><img src="logo.png" width="30" height="30"><a href="https://lagunamov.webcindario.com/foro.html">Foro</a></div>
<div class="Estilo1" id="Layer3"><img src="logo.png" width="30" height="30"><a href="https://lagunamov.webcindario.com/noticias.html">Noticias</a></div>
<div class="Estilo1" id="Layer1"><img src="logo.png" width="30" height="30"><a href="https://lagunamov.webcindario.com/index.html">Inicio</a></div>
<div class="Estilo1" id="Layer4"><img src="logo.png" width="30" height="30"><a href="https://lagunamov.webcindario.com/tutoriales.html">Tutoriales</a></div >
<div class="Estilo1" id="Layer5"><img src="logo.png" width="30" height="30"><a href="https://lagunamov.webcindario.com/programas.html">Programas</a></div>
<div class="Estilo1" id="Layer6"><img src="logo.png" width="30" height="30"><a href="https://lagunamov.webcindario.com/paraaprender.html">Para aprender </a></div>
<div class="Estilo1" id="Layer7"><img src="logo.png" width="30" height="30"><a href="https://lagunamov.webcindario.com/paginasdeinteres.html">P&aacute;gina s de inter&eacute;s</a> </div>
<div class="Estilo1" id="Layer8"><img src="logo.png" width="30" height="30"><a href="https://lagunamov.webcindario.com/afiliados.html">Afiliados</a></div>
<div id="Layer9"><img src="logo.png" width="30" height="30"><span class="Estilo1"><a href="https://lagunamov.webcindario.com/agradecimientos.html">Agradecimiento s</a></span></div>
<div id="Layer10"><img src="logo.png" width="30" height="30"><span class="Estilo1"><a href="https://lagunamov.webcindario.com/contacta.html">Contacta</a></span></ div>
<div class="Estilo1 Estilo2" id="Layer11">Ya hay</div>
<div class="Estilo1 Estilo2" id="Layer12">visitas</div>
<div id="Layer13">
<script type="text/javascript" src="http://contadores.miarroba.com/ver.php?id=546497" target="_blank" ></script></div>
<div class="Estilo4" id="Layer14">Webmster:<a href="http://miarroba.com/usuarios/perfil.php?id=5140739" target="_blank"> Iosuiscloud </a></div>
<div class="Estilo4" id="Layer15"><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/es/" target="_blank">Algunos derechos reservados </a></div>
<div class="Estilo4" id="Layer16">Web creada el 01/08/2008 </div>
<div class="Estilo4" id="Layer17">Versi&oacute;n 2.0 del 25/09/2008 </div>
<div id="Layer18"><img src="icono.png" width="20" height="20"></div>
<div id="Layer19"><img src="icono.png" width="20" height="20"></div>
<div id="Layer20"><img src="icono.png" width="20" height="20"></div>
<div id="Layer21"><img src="icono.png" width="20" height="20"></div>
<div id="Layer22"><img src="icono.png" width="20" height="20"></div>
<div id="Layer23"><img src="icono.png" width="20" height="20"></div>
<div id="Layer24"><img src="icono.png" width="20" height="20"></div>
<table VALIGN="MIDDLE" ALIGN="CENTER" id="Tabla_01" width="921" height="1300" border="0" cellpadding="0" cellspacing="0">
    <tr>
    
        <td colspan="2">
            <img src="pagina.jpg" width="921" height="212" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="pagina2.jpg" width="255" height="910" alt=""></td>
        <td>
            <img src="pagina4.png" width="666" height="910" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="pagina3.jpg" width="921" height="178" alt=""></td>
    </tr>
</table>
</body>
</html>
Avatar Image
Moderador
Moderador

piensa y diseña la web para una resolución estandar en este caso la menor de las 2 y te ahorras problemas.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

Creo que el problema viene de esto: "VALIGN="MIDDLE" ALIGN="CENTER" "

No hay otra forma de centrar la pagina?

Avatar Image
Moderador
Moderador

yo lo hago con un tabla madre

<table width="1200" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr> 
    <td>el resto de la web </td>
  </tr>
</table>

donde dice aling="center"  me la centra y no me da problemas.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

y el texto con etiquetas div, si está colocado en el interior del codigo de la tabla, tambien lo centra¿?

Avatar Image
Moderador
Moderador

no lo hago así, pero no veo porque no .

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

entonces, cual la forma que empleas para colocarlo?¿

User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

Lo digo, porque usando capas, no se otra forma de meter el texto :(

Avatar Image
Moderador
Moderador

no puedo decirte, uno muy poco css y no uso capas a ver que te dice otro usuario más avanzado que yo .

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

He encontrado esto, pero no entiendo nada, me podeis ayudar?

http://www.desarrolloweb.com/articulos/780.php

User 5140739
User 5140739
Nació y murió en el foro
Nació y murió en el foro

solucionado, no sabia que se pudiesen meter capas dentro de capas, cerrad el tema si quereis

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares