Foros del Web » Creando para Internet » HTML »

Problemas con div (alturas)

Estas en el tema de Problemas con div (alturas) en el foro de HTML en Foros del Web. Holas a todos bueno tengo un pequeño problema con los <div> el detalle es el siguiente: Tengo que ordenar una web (por cierto muy desordenada) ...
  #1 (permalink)  
Antiguo 21/12/2009, 09:14
 
Fecha de Ingreso: mayo-2009
Mensajes: 55
Antigüedad: 8 años, 6 meses
Puntos: 0
Problemas con div (alturas)

Holas a todos bueno tengo un pequeño problema con los <div> el detalle es el siguiente:

Tengo que ordenar una web (por cierto muy desordenada) en los cuales se usan tablas que estan dentro de un div, este div tiene ciertos atributos. Hasta ahi creo que bien, las tablas contienen los cursos de un determinado ciclo... por ejemplo: ciclo I y todos sus cursos y detalles y asi hasta el X ciclo, ahora cada tabla esta dentro de un div (10 ciclos, 10 div) y todo esto en una misma pagina (osea tengo como 1000 lineas de codigo). El problema radica en lo siguiente:

Cada tabla tiene una pequeña separacion (vista en dreamweaver - donde se ve perfecto) pero cuando la cargo a la web, sale todo desordenado y las tablas una encima de otra, osea, todo un caos. Lo que quiero saber es que si existe una forma de poder separar bien cada una de las tablas (o los div) mediante algun atributo y no se note este desorden...

Espero me puedan ayudar, gracias desde ya, Saludos!!
  #2 (permalink)  
Antiguo 21/12/2009, 13:57
 
Fecha de Ingreso: junio-2008
Mensajes: 24
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Problemas con div (alturas)

Hola!!

Pueba agregando a cada div la propiedad margin o la padding según requieras.

Averigua de ellas, pero te anticipo que al parecer tus div deberían ser algo asi:

<div style="margin:0 0 20px 0">

TABLA.....

</div>

donde cada nunmero representa

margin: margen_superior margen_derecha margern_inferior margen_izquierdo

Ahora bien, si los div se traslapan, es muy probale que tengas problemas con la posicion de ellos.
En ese cado agrega también un position relative.
Todo quedaríua algo asi:

<div style="position:relative; margin:0 0 20px 0">

TABLA.....

</div>
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 10:00.