(consulta) Reset

[opzina]

Hola,

Si utilizo el reset:

* { margin: 0; padding: 0;}

En que me afecta el ancho?, ¿Tengo que poner anchos fijos? a que cajas? a las padres o a las hijas?

Saludos.

[WingzemonX]

Tu pregunta es algo ambigua amigo mio. No se a que te refieres con reset exactamente, Pero lo que logro entender, te contesto que el Margin no afexta el ancho de un objecto, ya que es el margen alrededor de éste. Pero el Padding si lo afecta, ya que es, o asi lo visualizo yo, el margen de las "paredes" del objeto, pero hacia adentro.

De tal forma que si tienes un objecto de width:900px; y de padding:10px; el ancho y el alto se ve afectados por 10px en cada lado, lo que te daría un objeto de 920px mas o menos (depende del navegador creo).

Si pones padding:0 pues no afecta en nada, no hay margen interno, asi que el width se mantiene. Siempre es bueno que cuando sea pading o margon 0, lo pongas asi, 0, sin el porciento ni el px.

Si no te conteste tu duda, te aconsejo ser un poco más especifico con tus dudas.

Un saludo.

[opzina]

Bueno… por defecto todos los navegadores tienen su propio margin y padding y aplicando este conocido reset universal

*{margin:0;padding:0;}
este reset aplica para todos los elementos en nuestro documento le da margin y padding 0 a todo y nos ayuda a tener mas compatibilidad entre navegadores, igual al estar implementando es importante no darle un ancho fijo a los div “hijos” y solo establecerlo a los elementos padre que esten flotados, ya que si limitamos sus anchos se recomienda no aplicar un padding a estos ya que es un poco tedio porque podemos tener <p> <span> <img>, etc.. y tendremos que darle al padding a estos encambio es mejor darle el padding al div padre para que no de problemas con otros navegadores. bueno chao y suerte en sus futuras maquetaciones.

extraído de: zoneartcss

[alexk]

"nuestro div tiene un ancho de 500px y luego nuestro margen interior o bien “relleno” (padding) que tiene 10px hace que nuestro div se le sumen 20px (10px por lado del div) mas de ancho y luego un borde decorativo de 1px por lado que igual se suman al tamaño de nuestro div, y por ultimo tenemos nuestro margen “exterior” que sirve para eso “separar” y tiene otros 10px por lado y se le suman de nuevo a nuestro div contenedor, que ahora ya no mide “width:500px” ahora mide “width:542px” y claro lo mismo ocurre con la altura…"

Lee bien... prueba y saca tus propias conclusiones nada cuesta intentar antes de preguntar.