Foros del Web » Creando para Internet » CSS »

(consulta) Reset

Estas en el tema de (consulta) Reset en el foro de CSS en Foros del Web. Hola, Si utilizo el reset: * { margin: 0; padding: 0;} En que me afecta el ancho?, ¿Tengo que poner anchos fijos? a que cajas? ...
  #1 (permalink)  
Antiguo 01/12/2010, 11:31
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
(consulta) Reset

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.
  #2 (permalink)  
Antiguo 01/12/2010, 15:02
Avatar de WingzemonX  
Fecha de Ingreso: noviembre-2010
Mensajes: 75
Antigüedad: 7 años, 1 mes
Puntos: 3
Respuesta: (consulta) Reset

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.
  #3 (permalink)  
Antiguo 01/12/2010, 15:11
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: (consulta) Reset

Cita:
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

Última edición por opzina; 01/12/2010 a las 15:13 Razón: Bueno… por defecto todos los navegadores tienen su propio margin y padding y aplicando este conocido reset universal *{margi
  #4 (permalink)  
Antiguo 01/12/2010, 15:34
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: (consulta) Reset

Cita:
"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.

Etiquetas: reset
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:15.