que es mejor padding, margin o gifs transparentes? xD

Saludos.

Siempre que maqueto con CSS tengo la duda de si es mejor usar padding, o margins o algún otro truco para separar un elemento de otro.

que me recomiendan ustedes?

margin!
gif transparentes ni drogado

padding debes usarlo a menos que entiendas 100% su uso y manejo en los navegadores...

Aquí hay unas imagenes que te pueden explicar mas como funciona el box model en css.

mira esta explicación http://www.redmelon.net/tstme/box_model/

es el mejor ejemplo que he visto en la web

*sigh* para lo que lo necesites; margin y padding son cosas diferentes....
(los gifs transparentes sólo funcionan para diseños en tablas)

Margin y Padding. Ambos son diferentes, por lo tanto ninguno es mejor que el otro.

PD: Revisa ese modelo de cajas de CSS, es muy útil.

Sep... pero a veces el modelo de cajas se te descuadra, o el fondo se te descuadra... o tienes que usar calculos numericos, hacks y códigos "only from BE"... perdon... IE... (para los que no entendieron el chiste la B era de Bug )

lo que resolví al final (no se si esté bien ) es crear una capa extra y en ella darle los paddings que necesito para separar el contenido de los bordes de la capa que tiene background image y ya está cuadrada, etc...

algo asi:

CSS:

Código :

#contenedor {
    width: 780px;
    margin: 0 auto;
    background: url(imagenes/fondo.png);
}
#capa-extra {
    padding: 20px;
}

html

Código :

<div id="contenedor">
     <div id="capa-extra">
                y aqui el contenido 
     </div>
</div>

No se que diran ustedes...


algo asi vi en un box model en la pagina de "consejos de css" http://www.marciobarrios.com/consejos-css

aclaro... no es que yo sea taaan novato pero a veces no se si lo que hago es lo mejor y para salir de dudas...


(podríamos crear como una: "lista de buenas practicas en CSS" que contenga todos estos detalles, no?

(mejor me callo antes que la próxima vez que intente loguearme me diga: "este usuario no existe"

los márgenes se derrumban así que es mucho más recomendable usar paddings, de todos modos dependiendo del resultado que queramos conseguir deberemos usar margins. Así que para usar margins de manera segura deberemos saber cómo se comportan en diferentes contextos, simplemente eso, para que luego no nos llevemos sorpresas inesperadas.
La técnica de la division extra(extraída de mi web, ;P) es un buen método para la interpretación del modelo de caja sea correcta en IE 5.x.

Un saludo!

PD: por favor ni contemplen la posibilidad de gifs transparentes!

Hunab, que sorpresa que aparecerieras por acá!... en seguida voy a sitar www.davidgilmour.com a ver si aparece el guitarrista!... bah... no soy tan iluso

en mi caso prefiero tener un DIV extra a usar algún hack


saludos