problema con FLOAT + MARGIN

[flooliva]

Hola! quiero poner un div a la izquierda y que tenga un margen izq. pero me tira este error en la validación:

Cuando se aplica un margen a un cuadro flotante en el lado de la dirección de flotación, el margen se duplica. Este error sólo afecta al primer cuadro flotante de una serie de uno o varios cuadros flotantes.

Qué puedo hacer si tampoco me sirve usar padding-left (pq el div tiene un color de fondo)
Gracias!!

[IsaBelM]

y si usas left?? por que no tiene mucho sentido usar float:left junto a margin-left

[flooliva]

cómo si uso left?

[flooliva]

es que necesito que tenga un espacio, no que esté pegado al margen.

[Batan]

Busca por la propiedad margin de css, creo que aun no lo conoces...

http://www.librosweb.es/referencia/css/margin.html
http://www.w3schools.com/css/css_margin.asp

Usar margin pueden darte más que un dolor de cabeza asi que despues de saber que son, leete esto. http://www.sidar.org/recur/desdi/traduc/es/css/box.html

Saludos

[IsaBelM]

lee sobre las propiedades left, top, rigth y bottom

[venommist]

Estimado, por lo que comprendo, su solución puede ser esta:

Código:

<div id="primero">
   <div id="float">
   Contenido Total del Div Flotante
   </div>
</div>

Siendo el CSS algo así:

Código:

#primero{
     padding-left:10px; /* tomando por ejemplo que deseas 10px de margen */
    
     /* Si esto no funciona  usa esto otro */ 

    position:relative; 
    left:10px; /* tomando el mísmo caso de los 10px de margen */
}

Poniéndole Position:relative y alineandolo a la izquierda, ya te debería tomar sin problemas un margen general. Si deseas utilizar bien el Float en el mismo caso, ponle un float dentro de un div contenedor y al div contenedor le das el position:relative;left:10px.

Ante cualquier consulta, envía un mp y te lo contesto a la brevedad.

Saludos

[flooliva]

Muchas gracias a todos! estoy probando con la solución de venommist.
De mucha ayuda los links que me pasaron!!
Saludos!