Foros del Web » Creando para Internet » CSS »

Uso de margin y margin auto

Estas en el tema de Uso de margin y margin auto en el foro de CSS en Foros del Web. Dos prenguntitas rapidas; Tal como maqueto la web que estoy haciendo tengo el pie dentro de otra capa, "principal", en la que además tengo tres ...
  #1 (permalink)  
Antiguo 18/06/2009, 04:22
 
Fecha de Ingreso: mayo-2007
Mensajes: 256
Antigüedad: 16 años, 11 meses
Puntos: 3
Uso de margin y margin auto

Dos prenguntitas rapidas;
Tal como maqueto la web que estoy haciendo tengo el pie dentro de otra capa, "principal", en la que además tengo tres columnas "izquierda" "contenido" y "derecha". La idea es que "pie" es un recuadro con borde separado tanto del borde inferior y laterales de la capa principal como, por arriba, de dichas columnas.
Para separarla de las laterales le he dado "margin:auto;" que me lo centra.
Ahora bien para separarlo por arriba de las columnas y por debajo del final de la capa le doy margin-top y margin-bottom
¿Es correcto usar esto despues de un margin con valor auto? (funcionar funciona)
¿Sería mas correcto para la parte inferior darle un padding a la capa "principal" donde esta metido?
Venga gracias.
  #2 (permalink)  
Antiguo 18/06/2009, 05:27
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 4 meses
Puntos: 68
Respuesta: Uso de margin y margin auto

Si quieres tener un pie de página, te aconsejo este de Mikmoro
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 18/06/2009, 06:07
 
Fecha de Ingreso: mayo-2007
Mensajes: 256
Antigüedad: 16 años, 11 meses
Puntos: 3
Respuesta: Uso de margin y margin auto

No, ese en este caso no me sirve.
Como digo el pie debe estar dentro del contenedor principal y separado en x pixeles de los bordes laterales e inferior.
Así que lo que hago es que meto en un contenedor "principal" las tres columnas ("izquierda", "contenido" y "derecha") y el pie. Contenido tiene un min-height que condiciona la altura de la página y empuja al "pie" pero este debe estar separado de contenido (para lo cual uso el margin-top en el pie) y separado del borde de abajo para lo que uso el margin-bottom. Pero no se si;
a) para esto ultimo seria mas correcto usar un padding bottom en el "principal".
b) si es correcto usar un margin-bottom:12px; o margin-top:12px; después de haber definido un margin:auto; ya que esto ultimo es el que me centra el pie.
  #4 (permalink)  
Antiguo 18/06/2009, 08:44
Avatar de gioramies  
Fecha de Ingreso: febrero-2008
Ubicación: Colombia
Mensajes: 217
Antigüedad: 16 años, 1 mes
Puntos: 14
Respuesta: Uso de margin y margin auto

Hola.

Si lo que has hecho se visualiza correctamente en la mayoría de los navegadores, y además supera la prueba de validación xhtml/html y css: Déjalo así, así está bien.

Saludos.

PD: No hay reglas que indiquen si usar margin-top ó margin-bottom, en cuanto al padding, se refiere al margen interno de un elemento y no a los margenes entre los elementos contenidos en dicho elemento.
  #5 (permalink)  
Antiguo 18/06/2009, 09:37
 
Fecha de Ingreso: mayo-2007
Mensajes: 256
Antigüedad: 16 años, 11 meses
Puntos: 3
Respuesta: Uso de margin y margin auto

El padding no me referia a aplicarlo al pie sino a la capa que lo contiene. Un padding-bottom forzaría la separación del pie del borde inferior de la capa que lo contiene.

Muchas gracias a los dos.
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:07.