Comunidad de diseño web y desarrollo en internet online

Fondo fijo

Citar            
MensajeEscrito el 08 Abr 2010 09:55 pm
Buenas, necesito ayuda para crear una maquetación fija. Me explico,estoy creando esta web: http://www.clinicanovalaser.com/worldcup/inicio.html

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);
}

Por capi cibera

20 de clabLevel



Genero:Masculino  

safari
Citar            
MensajeEscrito el 09 Abr 2010 12:14 am
esto es exactamente como lo hacen

Código HTML :

body {
   background-image: url(img/bg.jpg);
   background-position: right top;
}

Por tribak

Claber

2448 de clabLevel

6 tutoriales

Genero:Masculino   Héroes

Fotógrafo o algo

firefox
Citar            
MensajeEscrito el 09 Abr 2010 08:20 am
genial,pero mi duda sería si puedo de ese modo seguir manteniendo en el centro la información respetando los espacios.

Voy a ir probando a ver como va.
Muchas gracias.

Por capi cibera

20 de clabLevel



Genero:Masculino  

safari
Citar            
MensajeEscrito el 09 Abr 2010 08:24 am

Por capi cibera

20 de clabLevel



Genero:Masculino  

safari
Citar            
MensajeEscrito el 09 Abr 2010 04:54 pm
pues... ese es flash y me confunde un poco lo que entendia, la informacion no cambiaria de lugar, simplemente pondrias el fondo detras :S

Por tribak

Claber

2448 de clabLevel

6 tutoriales

Genero:Masculino   Héroes

Fotógrafo o algo

firefox
Citar            
MensajeEscrito el 09 Abr 2010 09:42 pm
no te preocupes , acabo de conseguirlo , y ya tengo todo en su sitio, los divs y el fondo como deberían. Muchas gracias por todo!

Por capi cibera

20 de clabLevel



Genero:Masculino  

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.