Centrar CAPAS en distintas Resoluciones de pantalla...

vrpg · #1 (**permalink**) 05/03/2005, 23:31

Saludos, descubrí después de leer todos los blog de diversos Foros, al tratar de implementarlos todos al final no funcionaban, porque la mayoría son recomendaciones de personas que no tienen la expereincia y algunos blog al final dicen "creo que es así" o "todavía no he probado ese código, pero debe funcionar", al final un monto de código html inserbible de personas que se la dan de sabios, lo que hacen al final es perder el tiempo a los usuarios del foro y de no tener una respuesta efectiva.
Para Centrar capas no hay que usar tablas, solo en el panel de "Propiedades" en la casilla "izq" y "sup", pueden colocar "px, cm, pc, pt y %", Px=pixel, cm=cms, pc=Picas, pt=Picas y %, con el porcentaje al colocarle 25% en la casillas "izq" y "sup", ajusta la pantalla 25 % de espacio a la izquierda y 25% de espacio libre a la derecha cuando la resolución sea mayor 800x600, ES IMPORTANTE ANIDAR LAS CAPAS RESTANTES, ya que la capa base será el fondo de la página web y el resto de las capas son secundarias, estó se hace para que tomen la capa base como PADRE y las SECUNDARIAS (HIJOS) usaran las CAPA PADRE para justicarse, de lo contrario todas la capas quedaran dispersar por la página sin ningún sentido, TIENEN QUE IR A "PREFERENCIAS" del menú EDICION y ACTIVAR la CASILLA "ANIDAR CAPAS", deben colocar el cursor dentro de la capa PADRE para insertar CAPAS SECUNDARIAS, lo pueden verificar en el inspector de PROPIEDADES DE CAPA, ya que aparece laS CAPAS HIJOS con una flecha y desplazada hacia la derecha de la CAPA PADRE, de lo contario es otro CAPA PADRE, puede que no resulte lo que tenían planteado de éste modo. si pertenece a la otra CAPA PADRE.
También en la casilla "DESB"(desbordamiento), se usa para indicar si un elemento que está fuera del FORMATO de página web de acuerdo a la opción que eligan, solo sea visible cuando está dentro del FORMATO como una MASCARA de borde o contorno, ya que te tengo un logo que se desplaza y sea veia cuando estaba fuera de la página web, al ACTIVAR está casilla solo se ve cuando el logo entra a la página como una MASCARA cortándolo, ésto es lo que puedo aportales de momento, USO Dreamweaver MX 2004, tal vez no funcione igual en todos, en MX si, porque esas versiones son las que uso y los libros que usé.

+oront0 · #2 (**permalink**) 06/03/2005, 09:46

Muy util la información.

efit · #3 (**permalink**) 03/09/2008, 12:16

yo tengo esta pagian y no logro hacer que me quede bien en las distintas resoluciones...
que es lo que estoy haciendo mal..
mil gracias
www.smartsailing.com.ar/vapweb

DragonX · #4 (**permalink**) 03/09/2008, 12:47

Cita:

Iniciado por efit

yo tengo esta pagian y no logro hacer que me quede bien en las distintas resoluciones...
que es lo que estoy haciendo mal..
mil gracias
www.smartsailing.com.ar/vapweb

Probá con esto:

Cita:

body {
margin:0 auto;
background-color: #B8B879;
background-image: url(images/fondoss%20.jpg);
}
#apDiv1 {
margin-top:103px;
width:986px;
height:395px;
}
#apDiv2 {
margin-top:10px;
}

a ver si con estyo va....

efit · #5 (**permalink**) 03/09/2008, 12:59

no funciono...

DragonX · #6 (**permalink**) 03/09/2008, 13:24

a ver....

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>introvap</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<style type="text/css">
<!--
body {
  background-color: #B8B879;
  background-image: url(images/fondoss%20.jpg);
}
#contenedor{
  margin:0 auto;
  border:1px solid #000;
  text-align:center;
}
#apDiv1 {
  margin-top:103px;
  width:986px;
  height:395px;
  background:#000;
}
#apDiv2 {
  margin-top:10px;
}
-->
</style>
</head>
<body>
<div id="contenedor">
<!--URL utilizadas en la película-->
<div id="apDiv1">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','683','height','499','src','intva','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','intva' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="683" height="499">
      <param name="movie" value="intva.swf">
      <param name="quality" value="high">
      <embed src="intva.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="683" height="499"></embed>
</object>
</noscript>
</div>
<div id="apDiv2"><a href="esp.index.html">enter provisorio</a></div>
</div>
</body>
</html>