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
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