Foros del Web » Creando para Internet » HTML »

Capas <div> mal posicionadas

Estas en el tema de Capas <div> mal posicionadas en el foro de HTML en Foros del Web. Buenas, ante todo comentar que soy algo novato. HAce unos meses cree una pagina web. Todo estaba en su sitio. Pero ahora he cambiado de ...
  #1 (permalink)  
Antiguo 31/08/2008, 11:45
 
Fecha de Ingreso: marzo-2008
Mensajes: 22
Antigüedad: 16 años, 1 mes
Puntos: 0
Capas <div> mal posicionadas

Buenas, ante todo comentar que soy algo novato.
HAce unos meses cree una pagina web. Todo estaba en su sitio. Pero ahora he cambiado de hosting y en un fichero html, que tenia definidas varias capas de modo <div>, estas me salen unas encima de la principal. Eso no me pasa en las otras paginas de la web. Y creo que no he tocado nada no del html ni del css.
¿Existe alguna sentencia que desconozco para situar esas capas bajo la cap principal? Pues creo que deberian de salir una bajo otra, pero no es asi.

Gracias.
  #2 (permalink)  
Antiguo 01/09/2008, 00:39
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 17 años, 1 mes
Puntos: 36
Respuesta: Capas <div> mal posicionadas

Eso suele pasar con position: absolute; mira a ver si tienes alguno por ahí.
  #3 (permalink)  
Antiguo 01/09/2008, 09:13
 
Fecha de Ingreso: marzo-2008
Mensajes: 22
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Capas <div> mal posicionadas

Gracias Raulmmmm, te explico.
Tengo 4 capas presentadas en la pagina. Hace un mes me salian bien. Ahora, creo que sin tocar nada me sales un al lado de otra, a partir de la 2ª.
las capas descolocadas son :

cabecera2: sale sin problemas en la parte alta de la pagina.
relacion: se situa bajo esta capa.
enobras: esta ya sale sobre "relacion"
pielistado: bajo enobras y sobre relacion.
capablanco: bajo pielistado y sobre relacion

"relacion" tiene capas dentro de ella, pero no encuentro ninguna mal situada.

Fichero css
#cabecera2 {background-color:#3399CC ; text-align:center ; font-size:x-large }
#relacion {background-color:#99CCFF ; list-style:none ; float: center}
dentro de relacion:
#columna1 {float:left ; margin-left: 5px }
#columna2 {float:left; margin-left: 40px }
#columna3 {float:left; margin-left: 70px }
#columna4 {float:left; margin-left: 85px }
#columna5 {float:right; margin-right:1px}

#enobras { text-align: center ; background-color:#CCCC00 }
#pielistado {background-color:#00CCFF ; font-size:30px ;text-align: center }
#capablanco {background-color:#FFFFFF ; font-size: 12px ; text-align:center }

NO se si eso te ayuda. Si necesitas algo mas me lo dices. Gracias.
  #4 (permalink)  
Antiguo 01/09/2008, 09:25
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Capas <div> mal posicionadas

para evitar eso podrias crear una capa general (especificandole ancho) y dentro de ella meter las demas y de igual forma veo que en tu css no les dices que ancho deve tener asi ps te recomiendo se lo especifiques ya sea porcentaje o px pero fijalos por eso se mueven

por que no ai nada que las contenga y delimite
la primera capa sale bien pero la segunda solo le dices que a la izquierda pero ella no sabe donde termina la anterior ni cuanto espacio dispone pa usar asi que lo mas logico es pocicionarse aun lado de la anterior
  #5 (permalink)  
Antiguo 02/09/2008, 11:55
 
Fecha de Ingreso: marzo-2008
Mensajes: 22
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Capas <div> mal posicionadas

Gracias Ag666. He repasado las sentencias y no he encontrado nada de lo que dices, y tompoco (creo que por inexperiencia) he podido solucionarlo.
AL final, he colocado las capas inferiores sobre la capa mas grande "relacion" y me ha quedado perfectamente colocadas unas encimas de otras

Gracias por la ayuda.
  #6 (permalink)  
Antiguo 02/09/2008, 12:52
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Capas <div> mal posicionadas

podrias poner un screenshot o un enlase a tu website

o pon el condigo completo de como te quedo para ver en que podemos ayudarte
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:04.