[SOLUCIONADO] Como conseguir este efecto...

[lapollarecord]

Hola, tengo una pequeña duda que hace tiempo trato de resolver y cuya respuesta no he podido encontrar en ningun otro tema.

Estoy haciendo una web y me gustaria crear un pie de pagina como el de esta web:
http://www.axarnet.es/hosting/hosting-l ... tAodSWUAIw

En la parte de mas abajo (pie de pagina) o en la parte superior del todo (cabecera) Me pregunto como se puede conseguir esa zona azul tal cual esta hay, es decir , que sobresale por los limites del documento sin crear scroll ninguno, en pricipio pense que era una "div" o "etiqueta" pero aunque le ponga un width y un height de 100% siempre queda un pequeño espacio por ambos lados (y no tiene margin alguno)


¿ De que manera podria conseguir dicho efecto ? Me interesa mucho saberlo , gracias por adelantado ; )

[pzin]

Supongo que tu elemento body seguirá teniendo los valores por defecto de los navegadores si no consigues hacer eso.

Código CSS:

body {
  margin: 0;
  padding: 0;
}
 

Hay que resetear las cosas.

[lapollarecord]

Iniciado por Bonez

Supongo que tu elemento body seguirá teniendo los valores por defecto de los navegadores si no consigues hacer eso.

Código CSS:

body {
  margin: 0;
  padding: 0;
}
 

Hay que resetear las cosas.

Valla , no sabia que body por defecto poseia margin y padding , Muchas gracias por la respuesta Bonez, efectivamente con estas propiedades se consigue dicho efecto, solo tengo un pequeño problema al hacerlo, se queda como un milímetro de mas en la parte derecha que me crea un scroll en la parte baja del navegador, ¿podria desactivar dicho scroll para que no se viera?

[pzin]

Habría que ver qué es lo que está causando ese scroll. ¿Tienes una URL para poder mirarlo?

[lapollarecord]

Iniciado por Bonez

Habría que ver qué es lo que está causando ese scroll. ¿Tienes una URL para poder mirarlo?

Si , aqui la tienes :

http://personal.telefonica.terra.es/web/pasali1/

[pzin]

Lo está causando el elemento #bott. Concretamente los bordes laterales, porque tienes puesto que mida 100% de ancho y ahí se le añaden cuatro pixeles —dos por cada lado— al ancho; 100% + 4px.

Una opción es quitar los bordes laterales, algo así:

Código CSS:

#bott {
  border: 2px solid #CC6600;
  border-right: none;
  border-left: none;
}
 

Otra opción es cambiar el modelo de caja para ese elemento y que los bordes formen parte del total del ancho:

Código CSS:

#bott {
  box-sizing: border-box;
}
 

[lapollarecord]

Iniciado por Bonez

Lo está causando el elemento #bott. Concretamente los bordes laterales, porque tienes puesto que mida 100% de ancho y ahí se le añaden cuatro pixeles —dos por cada lado— al ancho; 100% + 4px.

Una opción es quitar los bordes laterales, algo así:

Código CSS:

#bott {
  border: 2px solid #CC6600;
  border-right: none;
  border-left: none;
}
 

Otra opción es cambiar el modelo de caja para ese elemento y que los bordes formen parte del total del ancho:

Código CSS:

#bott {
  box-sizing: border-box;
}
 

Efectivamente con la 1º opcion desaparece, la 2ª opcion no me funciono pero bueno, me quedo con la 1º y todo arreglado, muchas gracias Bonez, da gusto encontrar gente como tu.

Saludos!