• 0
  • 1 RepliesReplies
  • 6171 ReadTimes Read
  • 0 PointsPoints

Topic: [CSS|TIP] Position vs Margin/Padding

Usuario: JTX3
Rango: Nuevo Usuario
Mensajes: 173
Points: 18
Mi web: http://themixure.com/index.php
Perfil: View Profile
Pais:
se
[CSS|TIP] Position vs Margin/Padding
November 12, 2013 - 11:02 23:02
[CSS|TIP] Position v/s Margin/Padding

Muchas veces tenemos las diversas consultas de que propiedadcss debemos utilizar para poder maquetar mejor, muchas veces que lo logramos, nos saltamos de una propiedad más importante que es la resolución de pantalla, donde hay pros/contra en el momento de utilizar ciertas propiedades de css, a continuación daremos a conocer.

Position
En mi caso personal, yo utilizaba la propiedad position:absolute para lograr una maquetación algo "buena", pero existe un solo problema, que position se basa en la resolución de pantalla actual, el cual es una gran desventaja porque con otra resolución se verá muy mal y sobra espacio, los invito a leer position de la página oficial de CSS.

http://www.w3schools.com/cssref/pr_class_position.asp

Margin
Muchos confunden lo que realiza margin en si, sencillamente realiza la división entre un elemento "x" y un elemento "y", las propiedades para esté son:


Code: (css) [Select]
margin: superior derecho inferior izquierdo
margin-top:  | margin-right:  | margin-bottom:  | margin-left:

Donde puede ser una cantidad, longitud (positiva o negativa), un porcentaje o auto

Padding
A diferencia de la propiedad antes dada, padding es la distancia entre los bordes de un elemento y el área que lo contiene, este no permite valores negativos, la propiedad es:


Code: (css) [Select]
padding: superior derecho inferior izquierdo
padding-top:  | padding-right:  | padding-bottom:  | padding-left:

Diafragma entre margin vs padding

Les daré a conocer un diafragma, donde tengan más claro la diferencia entre estas dos propiedades y vean el "cambio" ya que sirve para diferentes maquinación, por otro lado recomiendo usar margin y padding para maquetar, position:absolute; quedará nulo por el caso de las resoluciones y no servirá demasiado para lo que necesitamos nosotros.




Saludos, Lokitox.
Críticos hay muchos, quienes ayuden, pocos.
no avatar
Usuario: nodensdorian
Rango: Nuevo Usuario
Mensajes: 207
Points: 27
Mi web: http://www.ardiforos.com.ar/
Perfil: View Profile
Re:[CSS|TIP] Position vs Margin/Padding
Reply #1 December 07, 2013 - 07:29 19:29
No sé cómo no comentaron aún un post como este. Muy bien explicado y muy útil. Si lo hubiera leido hace tiempo, hubiera aprendido más rápido :P Cosas de la vida. Grazie por el tuto!
 

TAGS



top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines