Foros del Web » Creando para Internet » CSS »

¿margin por defecto?

Estas en el tema de ¿margin por defecto? en el foro de CSS en Foros del Web. Buenas a todos. Este verano me enseñaron a hacer hojas de estilo pero con píxeles y no con %. El tema es que he intentado ...
  #1 (permalink)  
Antiguo 11/11/2012, 07:37
Avatar de guardarmicorreo  
Fecha de Ingreso: noviembre-2012
Ubicación: Córdoba
Mensajes: 1.153
Antigüedad: 12 años, 1 mes
Puntos: 84
¿margin por defecto?

Buenas a todos. Este verano me enseñaron a hacer hojas de estilo pero con píxeles y no con %. El tema es que he intentado hacer páginas que se adapten a la resolución de pantalla utilizando % para ver cómo quedaría. Así: en css: #cuerpo { width:100%; height: 100%; float: left; } En HTML un <div id="cuerpo"></div> (con sus correspondientes head y body).

El problema es que en los dos navegadores que tengo (chrome y firefox) me aparece un margin (calculo que de 5px) que no me permite ocupar todo el espacio, dejándome un marco blanco feo puesto que haría perder la inmersión del usuario en la web.

¿Alquien que me diga por qué sucede esto y cómo solucionarlo?

Muchas gracias.

P.D.: estoy abierto a todo tipo de sugerencias y críticas, el caso es solucionarlo.
  #2 (permalink)  
Antiguo 11/11/2012, 08:06
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: ¿margin por defecto?

Los navegadores tienen algunos valores por defecto. Uno de ellos es el margen que le aplican a BODY.

Puedes solucionarlo poniendo a cero ese margen. De todas formas, es buena práctica hacer un reset o normalize para que los valores en todos los navegadores sea el mismo ya que varían entre ellos.
  #3 (permalink)  
Antiguo 11/11/2012, 08:07
 
Fecha de Ingreso: junio-2012
Ubicación: Madrid, España
Mensajes: 40
Antigüedad: 12 años, 6 meses
Puntos: 9
Respuesta: ¿margin por defecto?

Por defecto los navegadores tienen sus propios estilos, es decir el navegador está añadiendo ese espacio. Para solucionarlo tan solo tienes que añadir esta línea al principio de tu css:

body {margin: 0; padding: 0;}

Si quieres más información busca en google normalize.css o reset.css.

Saludos
__________________
__
Front end developer at Simbiótica
  #4 (permalink)  
Antiguo 13/11/2012, 06:40
Avatar de guardarmicorreo  
Fecha de Ingreso: noviembre-2012
Ubicación: Córdoba
Mensajes: 1.153
Antigüedad: 12 años, 1 mes
Puntos: 84
Respuesta: ¿margin por defecto?

muchísimas gracias, me habeis solucionado un problema que no veía. gracias!!!!

Etiquetas: %%%, css3, defecto, fijos, height, píxeles, width, bordes
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 06:35.