como podeis ver por los lados el fondo no termina en el tipico color plano, sino que es una imagen con distintos patrones. Mi idea es que la parte central siga en el centro, y que cuando se abra la web en monitores ( ahora está pensado para 1280 px de ancho, aunque no está optmizado del todo) más grandes, que no se vea cortado. Me gustaría que al verse en un monitor más grande la gente pudiese ver más de la web, es decir, que el fondo sea fijo por asi decirlo.
Lo he visto en otras webs, normalmente con imagenes fijas, creo que esta es una ejemplo : http://www.bultown.es/
Espero que alguien sea tan amable de ayudarme, ya que estoy en una emergencia con esto. Muchisimas gracias de antemano.
Adjunto el CSS, por si puedo ayudar con esto:
@charset "UTF-8";
/* CSS Document */
/* HOME */
body {
text-align: center;
margin: 0px;
background-color:#C74F13;
}
.container {
width: 1280px;
margin: 0px auto;
text-align: left;
height: 1824px;
}
#cabecera {
width: 931px;
height: 165px;
float: left;
background-image: url(images/draft_02.jpg);
}
.cabeceraizq {
width: 175px;
height: 165px;
float: left;
background-image: url(images/draft_01.jpg);
}
.cabecerader {
width: 174px;
height: 165px;
float: left;
background-image: url(images/draft_03.jpg);
}
.latizqmediosup {
width: 175px;
float: left;
height: 43px;
background-image: url(images/draft_04.jpg);
}
.menu {
margin-left: 0px;
clear: none;
float: left;
height: 43px;
width: 931px;
background-image: url(images/draft_05.jpg);
}
.latdermediosup {
width: 174px;
float: left;
height: 43px;
background-image: url(images/draft_06.jpg);
clear: right;
}
.central {
float: left;
width: 924px;
height: 446px;
}
#latizqcentralnosotros {
width: 175px;
float: left;
height: 878px;
background-image: url(images/draft_07.jpg);
}
#centralnosotros {
float: left;
width: 931px;
height: 878px;
background-image: url(images/draft_08.jpg);
}
#latdercentralnosotros {
width: 174px;
float: left;
height: 878px;
background-image: url(images/draft_09.jpg);
}
#latizqcentralvarices {
width: 175px;
float: left;
height: 485px;
background-image: url(images/draft_10.jpg);
}
#centralvarices {
float: left;
width: 931px;
height: 485px;
background-image: url(images/draft_11.jpg);
}
#latdercentralvarices {
width: 174px;
float: left;
height: 485px;
background-image: url(images/draft_12.jpg);
}
.latizqfooter{
width: 175px;
float: left;
height: 253px;
background-image: url(images/draft_13.jpg);
}
.footer {
clear: none;
float: left;
height: 253px;
width: 931px;
background-image: url(images/draft_14.jpg);
background-repeat: no-repeat;
}
.latderfooter{
width: 174px;
float: left;
height: 253px;
background-image: url(images/draft_15.jpg);
}
#latderfooter{
width: 174px;
float: left;
height: 253px;
background-image: url(images/draft_15.jpg);
}