Foros del Web » Creando para Internet » CSS »

Al poner un border se crea un padding (?)

Estas en el tema de Al poner un border se crea un padding (?) en el foro de CSS en Foros del Web. ¡Esto sí que es raro! Obsérvese la distancia de los botones al margen superior de la pantalla, le he dado un margin-top de 10px para ...
  #1 (permalink)  
Antiguo 30/03/2014, 12:33
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 11 meses
Puntos: 55
Al poner un border se crea un padding (?)

¡Esto sí que es raro! Obsérvese la distancia de los botones al margen superior de la pantalla, le he dado un margin-top de 10px para que pueda verse algo que me tiene intrigado:


...y obsérvese lo que ocurre cuando le pongo a nav un border: 1px solid green, ¡aparece un padding de la nada!
¿A qué se debe esto? Gracias, un saludo.

  #2 (permalink)  
Antiguo 30/03/2014, 17:21
 
Fecha de Ingreso: febrero-2010
Mensajes: 195
Antigüedad: 14 años, 9 meses
Puntos: 3
Respuesta: Al poner un border se crea un padding (?)

Si nos muestras tu código podríamos descifrarlo :D, saludos
  #3 (permalink)  
Antiguo 31/03/2014, 02:57
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 11 meses
Puntos: 55
Respuesta: Al poner un border se crea un padding (?)

Vale, ha desaparecido reseteando así:

Código HTML:
Ver original
  1. * {
  2.     padding:0;
  3.     margin: 0;
  4. }

¡Gracias!
  #4 (permalink)  
Antiguo 31/03/2014, 04:57
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Al poner un border se crea un padding (?)

Seguramente sería un problema de colapsamiento de CSS, que sin borde colapsaba los márgenes y poniéndole el borde aparecía como debería.

Etiquetas: border, crea, padding
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 19:22.