tengo un problema que cuando voy cambiando el tamaño de la weba las capas se van moviendo e estadp experimentandpo pro no puedo hacer nada.. hay algun codigo o algo para q me ayude a solucionar eso y en firefox no se visulisa bien la pagina como en internet explorer alguien sabe xq?' .. e subido a este url una pagina con el problema al q me refiero. URL:
http://animegti.atwebpages.com/AYUDA PORFAVORRR
No es por nada pero me da que no has seguido el curso Paso a Paso de esta web ni por asomo; ya que si se pone margin-algo lo normal es poner muy pocos pixels; pero poner 1000px; lo raro seria que encajara.
Mi recomendacion....empieza de 0.
después de ver tu página y tu código fuente me he quedado sin palabras. El compadre victor tiene toda la razón lo se ve ni orden ni concierto en lo que tienes colgado; yo también te recomiendo que leas el curso pues te ayudara a saber que es lo que estas haciendo mal y lo que no sabes y deberías saber.
Nota antes de liarte a pegar código javaScript ; aprende html y css.
vuelvo a repetir la pagina q esta colgada es una pagina de prueba .. si coges una pagina en blanco y pones capas igual se descuadran como sale en la ágina de muestra .. entonces vuelvo a hacer la pregunta q codigo o q opcion hay para q las paginas no se muevan ??
Sigo sin entender a que te refieres con k las paginas no se muevan.
mira el url q mande y cunado achicas el tamaño se mueven las capas no las paginas como se hace para q nos e muevan ni se descuadren
La pagina se te descuadra completamente porque usas margin- lo que sea con valores extremos; ejemplo 1200; lo que hace que tengas el tamaño de ventana que tengas se movera esa capa 1000px en esa direccion; lo mejor es usar capas de forma correcta, centrandolas; etc. Si se usa la propiedad margin- es porque necesitas cuadrar alguna cosita de poco px que sabes que esta dentro de otra con un tamaño fijo y que sabes que no se deformara; resumiendo, esa propiedad se usa si sabes muy bien lo que se pretende.
Como te digo tienes margin con valores demasiado raros e inusuales; tienes scripts puesto con .txt y capas con height: con numero sin nada mas; se pone 100px; por ejemplo pero no se deja el valor asi.
Resumiento; como bien te han comentado; lo que pretendes es solucionar una web que esta fatal xk esta copiada (y mal) de algun otro lado; y claro, asi no se puede; si te miraras el curso Paso a Paso de esta web SEGURO que entenderias el porque se descuadra y podrias mediosolucionarlo tu mismo (lo de menos es solucionarlo, que para eso estamos, la cosa es que para solucionarlo hay que hacerla de 0).
Un saludo y espero que no te moleste la observacion.
Secundo el coment de victor y ademas te paso el código fuente para que veas algunas cositas que ya deberias saber:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>ANIME GTI...</title>
<link rel="stylesheet" href="estiloindex.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<style type="text/css">
html,body{
margin:40px;
position:absolute ;
height:100%;
}
</style>
</head>
<body onload="init();" ; link="#ffffcc" vlink="#ffffcc" alink="#ffffcc">
<div id="enlace1">
<ul>
<li><a href="http://animegti.atwebpages.com/">Inicio</a></li>
</ul>
</div>
<div id="enlace2">
<ul>
<li><a id="desplegable1" href="#">Anime</a></li>
</ul>
</div>
<div id="enlace3">
<ul>
<li><a id="desplegable2" href="#">Multimedia</a></li>
</ul>
</div>
<div id="enlace4">
<ul>
<li><a id="desplegable3" href="#">Eventos</a></li>
</ul>
</div>
<div id="enlace5">
<ul>
<li><a id="desplegable1" href="#">Foro</a></li>
</ul>
</div>
<div id="enlace6">
<ul>
<li><a href="mailto:[correo eliminado]">Contactanos </a></li>
</div>
<div id="novedades">novedades del anime</div>
<div id="actualizaciones">actualizaciones de la web </div>
<div id="copyright">derechos de autor </div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
<style type="text/css">
html,body{
margin:40px;
position:absolute ;
height:100%;
}
</style>
Esta parte de aquí tendría que ir en alguna de hojas de estilo que tienes.
esto igual:<body onload="init();" ; link="#ffffcc" vlink="#ffffcc" alink="#ffffcc">
ya que pones un mail pues definelo,no? :<li><a href="mailto:
[correo eliminado]">Contactanos </a></li>
Te dejo un regalo haber si puedes hacer algo decente con el;
