CSS: Correcto uso de capas flotantes (float) con overflow

Sobre este artículo

Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

URL: LaWebera.es :: Diseño Paginas Web

Lleva trabajando como desarrollador web desde hace más de 10 años. Es un apasionado del código, habiendo tocado todos los palos, especialmente PHP, MySQL, JavaScript, incluyendo frameworks y librerías como jQuery, Symfony, CakePHP...

También te podría gustar...

2 Respuestas

  1. Mako

    lo estoy tratando de hacer con un boton que necesito pero no reconoce que esta flotando..

    #container {
    height: auto;
    width: 260px;
    margin: 0px;
    padding: 0px;
    background-color: #CCC;
    }
    #send {
    background-color: #3ACCFF;
    height: 30px;
    width: 55px;
    float: right;
    padding-right: 0px;
    margin-right: 10px;
    overflow: hidden;
    }

    Nombre

    Correo Electronico

    Mensaje

    tampoco con clear, con ninguna me da

  2. Cesar

    No seria mejor sustituir float por clear asi de esta manera respetaria los espacios de las capas ya que si utilizamos overflow respetaria el espacio pero pegaria las capas y no podriamos agregar un margen superior o seria demasiado grande y no seria cuerdo con otros navegadores y con la propiedad clear repetaria el margen que le demos.

    Ejemplo:
    #contenedor{
    margin-top: //Este variaria dependiendo de la distancia de la primera capa que contiene esta seria algo grande y poco cuerdo
    background-color: SteelBlue;
    padding:5px;
    overflow: hidden;
    }

    y con la propiedad clear ya respetaria el margen

    #contenedor{
    margin-top: 10px
    background-color: SteelBlue;
    padding:5px;
    clear: left;
    }

Deja un comentario

El email no se publica. Todos los campos obligatorios.