Duda sobre "clear: both;", para estirar divs o capas...

[matuteworld]

Buenos dias, quisiera saber si esta tecnica que uso para que mis capaz cubran la superficie de las capas internas es correcta...

esta class, la uso cuando por ej dentro de un div meto 2 divs con float y veo en dreamweaver que no se estira la capa principal.. por lo tanto el fondo no me cubre.. y se deforma el diseño ademas...

el codigo seria...

Código:

.final {
    clear: both;
}

alguien conoce una tecnica mejor? ya que muchas veces termino con el codigo con muchos

<id class="final"></div>

y no se si esto es optimo...

Desde ya muchas gracias, Slds!

[webmetrics]

En principio no hay nada malo en usar esta instrucción que yo sepa.

La suelo utilizar en la mayoría de las páginas.

Si colocas una altura fija no es necesario utilizarla pero en los demás casos es necesaria.

[JessicaTJ]

Puedes utilizar esta tecnica, es mas limpia, en el div que sera el contenedor, pones estas caracteristicas:

Código CSS:

#contenedor {
    height: 1%;
    overflow: hidden;
}
 

Esas intrucciones hacen que el #contenedor funcione sin la necesidad del clear, es una tecnica mas "limpia" y te evitas un div vacio inecesario

[matuteworld]

Iniciado por webmetrics

En principio no hay nada malo en usar esta instrucción que yo sepa.

La suelo utilizar en la mayoría de las páginas.

Si colocas una altura fija no es necesario utilizarla pero en los demás casos es necesaria.

Claro, si la altura fija no hay problema, el tema es cuando son contenidos dinamicos...

ok, muchas gracias... Slds!

Iniciado por JessicaTJ

Puedes utilizar esta tecnica, es mas limpia, en el div que sera el contenedor, pones estas caracteristicas:

Código CSS:

#contenedor {
    height: 1%;
    overflow: hidden;
}
 

Esas intrucciones hacen que el #contenedor funcione sin la necesidad del clear, es una tecnica mas "limpia" y te evitas un div vacio inecesario

Ah.. buen dato.. voy a probarlo.. haber si me da resultados.. la verdad no me gustaba nada andar poniendo ese div por todo el codigo con solo ese uso..

Muchas gracias, Slds!

[daidalos]

tu idea no es totalmente mala, por ejemplo el framework blueprint para CSS que es el yo uso tiene una clase llamada "clear" para hacer exactamernte eso mismo que hace tu clase "final" en el uso real es muy muy práctico pues permite limpiar casi cualquier elemento del código

[alexk]

lo correcto es como bien indica
JessicaTJ
no es "correcto" usar etiquetas vacias, y mucho menos que como bien indicas matuteworld acabas con miles de estos...
pueden leer esto para mas info limpiar floats

[matuteworld]

Iniciado por daidalos

tu idea no es totalmente mala, por ejemplo el framework blueprint para CSS que es el yo uso tiene una clase llamada "clear" para hacer exactamernte eso mismo que hace tu clase "final" en el uso real es muy muy práctico pues permite limpiar casi cualquier elemento del código

Interesante, nunca use un Framework css debido a que me gusta hacer todo desde cero, igualmente lo probare...

Muchas gracias! Slds...

Iniciado por alexk

lo correcto es como bien indica
JessicaTJ
no es "correcto" usar etiquetas vacias, y mucho menos que como bien indicas matuteworld acabas con miles de estos...
pueden leer esto para mas info limpiar floats

Ok, Buenisimo... sera la nueva tecnica que utilizare.. no me gustaba para nada ver mi codigo con tantas divs vacias...

Muchas Gracias! Slds!