divs se mueven dreamweaver

malejax · #1 (**permalink**) 26/10/2010, 21:25

Hooola!! tengo dos meses intentando hacer esta pagina.. he leido pero sigo teniendo problemas con los divs.. antes se movia cuando cambiaba la resolucion de la pantalla donde veia mi pagina... ya arregle.. algunas.. otras se mueven dependiendo de la computadora...
la direccion es www.anthonyrojas.com porfavoooor... ojala alguien pudiera decirme lo que estoy haciendo mal..

shadowwolfone · #2 (**permalink**) 27/10/2010, 12:43

Hola,

Te recomiendo que pongas todos los divs dentro de otro div contenedor

Código HTML:

#contenedor{

  width:610px;
  top:0;
  margin:0 auto;

  height:397px;

}

y en el body

Código HTML:

<body>
<div id="contenedor">
<div id="apDiv1">
tu s cosas
   
</div>

</div>
</body>

espero me entiendas

Suert!!!

malejax · #3 (**permalink**) 27/10/2010, 15:44

Hooola siiii!! segun yo eso hice:

<body>
<div id="SHADOW">
<div id="CONTAINER">
<div id="BANNER">
<div id="MENU"></div>
</div>
<div id="CONTENT">
<div id="BIO"></div>
<div id="SLIDESHOW"></div>
</div>
<div id="FOOTER">
<div id="MENU2"></div>
<div id="INFO"></div>
</div>
</div>
</body>

Por fa echale un ojito a ver ke error tengoo.. pliiis.. mi pagina es www.anthonyrojas.com. Por que mis imagenes se salen?

VirgoProg · #4 (**permalink**) 27/10/2010, 17:49

Creo que es porque no has cerrado algunos DIV

<body>
<div id="SHADOW">Contenido</div>
<div id="CONTAINER">Contenido</div>
<div id="BANNER">Contenido</div>
<div id="MENU">Contenido</div>

<div id="CONTENT">Contenido</div>
<div id="BIO">Contenido</div>
<div id="SLIDESHOW">Contenido</div>

<div id="FOOTER">Contenido</div>
<div id="MENU2">Contenido</div>
<div id="INFO">Contenido</div>

</body>

Creo que así te funcionaría.

shadowwolfone · #5 (**permalink**) 28/10/2010, 10:01

Hola.

Todos esos son tus diva todos ponlos dentro de un contenedor de las medida que necesites, y cada div dentro del contenedor colocalo donde desees, por ejemplo:

Código HTML:

#contenedor{

  width:610px;
  top:0;
  margin:0 auto;

  height:397px;

}
#MENU{
	position:absolute;
	width:121px;
	top:112px;
	margin:0 auto;
	height:247px;
	left: 276px;
}
#BIO{
	position:absolute;
	width:121px;
	top:63px;
	margin:0 auto;
	height:247px;
	left: 727px;
}
#MENU2{
	position:absolute;
	width:121px;
	top:107px;
	margin:0 auto;
	height:247px;
	left: 440px;
}
#INFO{
	position:absolute;
	width:121px;
	top:86px;
	margin:0 auto;
	height:247px;
	left: 566px;
}
</style>
</head>


<body>
<div id="contenedor">
<div id="SHADOW"></div>
<div id="CONTAINER"></div>
<div id="BANNER"></div>
<div id="MENU">menu</div>

<div id="CONTENT"></div>
<div id="BIO">bio</div>
<div id="SLIDESHOW"></div>
<div id="FOOTER"></div>
<div id="MENU2">menu2</div>
<div id="INFO">info</div>
</div>
</body>
</html>

quedaria asi

Simplemente mueves los divs a donde quieras que vayan.

Suerte!!!