Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 4 de 4

Tema: ¿Solapamiento de DIVs?

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    05 jul, 12
    Mensajes
    94
    Poder de Reputación
    12

    ¿Solapamiento de DIVs?

    Estimados, sigo con mi aprendizaje de las DIVS.

    Me está pasando algo que no entiendo.

    Tengo una div de títulos cuya especificación en la CSS es:
    #DIV_TITULO {
    width:910px;
    height:28px;
    background-color:white;
    float:none;
    border: 0px;
    text-align: center;
    margin:10px auto;
    }

    Debajo de ella hay tres con subtítulos (estas 3 van una al lado de la otra), cada una con float:left

    #DIV_1-3 {
    width:315px;
    background-color:white;
    float:left;
    border: 0px;
    }

    O sea que quedan aproximadamente así:
    TITULOS
    Subtitulo 1 Subtítulo 2 Subtítulo 3

    El problema es el siguiente:
    El código HTML de la div de TITULOS queda así:
    <div id="DIV_TITULO" class="centrado">..... etc

    En Internet Explorer se ven todas como corresponde, pero en Chrome y Mozilla se ven "solapadas", o sea que es como que las tres de abajo (las de subtítulos) se metieran por debajo de la de TITULOS.

    Esto se corrige cuando manualmente achico el ancho de la DIV de los TITULOS, quedando el código HTML de esta forma:
    <div id="DIV_TITULO" class="centrado" style="width: 910px; height: 71px">

    ¡Qué comportamiento raro!

    Tengo dos preguntas:
    PREGUNTA 1:
    ¿Será que no debo darle un height de valor fijo y dejar que los height se ajusten automáticamente?
    PREGUNTA 2:
    ¿Será molesto para los motores de búsqueda si las DIV tienen más parámetros como
    style="width: 910px; height: 71px"> ?????

    Espero no estar siendo molesto con esto de las DIV.
    Estoy aprendiendo

    Gracias!!!!!!
    GusSiglo21

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de Web-Freelance
    Fecha de Ingreso
    15 sep, 11
    Ubicación
    España
    Mensajes
    603
    Poder de Reputación
    16
    Hola Gus, seguimos con los divs, jejeje. Te digo, el problema va a ser que seguro el título tiene más alto que el que le das en css, por eso las de abajo se te solapan, porque achicas el tamaño natural del div. Ponle height:auto al #div_titulo y a ver que tal va

    Saludos!
    Agradece si te ayudan, que desagradecidos ya sobran.

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    05 jul, 12
    Mensajes
    94
    Poder de Reputación
    12
    Estimado Web Freelance gracias por tus consejos

    Sí, efectivamente sigo con los divs y "a todo vapor" para comprenderlos y usarlos pues me cansé de la cantidad de código que usan las tablas y veo Webs de muchas empresas que tienen muy buen posicionamiento y diseñan justamente casi todo con DIVS.
    A primera vista es más fácil hacer una tabla y listo, pero ya me estoy organizando para usar un ancho de, por ejemplo, 940 px para una div general y luego hacer pequeñas divs de 1/2, 1/3 , 1/4 ... etc de ese ancho para formar las tablas usando sólo divs.
    Es algo más complejo, pero una vez que me organice ya tendré los módulos de divs listos.
    Sí sí.... lo voy a aprender sea como sea!!!!!

    A propósito de tu comentario, ayer a la madrugada probé quitándole la altura, dejando sólo el width y se comportó como yo quería. Dejó de solaparse.
    Alguien, no recuerdo si fuiste tu, me había dicho "cuidado con las alturas fijas en las div"

    Parece ser que si se fija una altura de "n" píxeles en una div y el contenido de la div hace que "naturalmente" ésta se "estire" más de lo que la altura fija dice, ahí vienen los problemas con las divs subsiguientes.
    Como si el sistema fuese ciego al contenido de la div estirada por el contenido y rigiéndose por la altura fija (que termina no siendo la altura de "n" pixeles) terminan las siguientes solapandose con la DIV previa que tenía la altura prefijada.

    Probaré ahora con lo que mi dijiste del "auto" y creo que eso será más apropiado.

    Vaya qué cantidad de cosas grandes y minúsculas me falta aprender!!!!!!
    Un abrazo y gracias!!!
    Va también un aporte a tu reputación
    Saludos!!
    GusSiglo21

  4. #4
    Esto empieza a ser un vicio... Habitante Avatar de Web-Freelance
    Fecha de Ingreso
    15 sep, 11
    Ubicación
    España
    Mensajes
    603
    Poder de Reputación
    16
    Me alegra que lo resolvieras

    Saludos!
    Agradece si te ayudan, que desagradecidos ya sobran.

Temas Similares

  1. Divs entre otros Divs
    Por feniz_18 en el foro Foro General
    Respuestas: 2
    Último Mensaje: 28/04/2012, 17:55
  2. divs dentro de divs
    Por albertopc en el foro Foro General
    Respuestas: 2
    Último Mensaje: 08/07/2011, 22:09
  3. DIVs dentro de Divs
    Por experimentator en el foro Webs con Capas o DIVS
    Respuestas: 6
    Último Mensaje: 02/04/2007, 16:00

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •