Foros del Web » Creando para Internet » Diseño web »

2 BackGrounds

Estas en el tema de 2 BackGrounds en el foro de Diseño web en Foros del Web. Buenas... tengo un problema con un sitioweb que estoy diseñando.. el problema es el siguiente. sesupone que tengo un Fondo que se repite. ok?.. entonces.. ...
  #1 (permalink)  
Antiguo 09/07/2011, 11:02
 
Fecha de Ingreso: octubre-2010
Mensajes: 123
Antigüedad: 6 años, 6 meses
Puntos: 10
2 BackGrounds

Buenas... tengo un problema con un sitioweb que estoy diseñando..

el problema es el siguiente. sesupone que tengo un Fondo que se repite.
ok?.. entonces.. deseo poner otro Fondo arriba del primer fondo pero deseo que este no se repita.

Un ejemplo seria. aver.. Tengo mi web de 1200px de Ancho.. tengo un Monitor como de 1600px haha..

entonces el 1º Fondo se repite Normalmente.. pero deseo ponerle otro Fondo pero no en toda la web .. .. si no atras de la web centrado. les dejo una representacion.

Este es el BG que se repite.


Asi es como tengo la web Ahora.


pero quiero agregarle otro Fondo centrado que es este.


Para que quede asi:



Bueno entonces lo intente poner con Pandding y entonces me crea la scrollback de que esta muy larga.

pero lo que quiero es que .. los que tengan monitor grande puedan ver el 2º fondo completo. y los que tengan pekeño monitor solo vean hasta donde les llege la imgane. no se si me explico.. un saludo u.u

Anexo HTML
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin título</title>
  5. *{
  6.     margin: 0;
  7.     padding:0;
  8.  
  9. }
  10. body { background:url(images/background.png) repeat-x;
  11.  
  12. }
  13. .medida {
  14.     margin: auto;
  15.     width: 1200px;
  16. }
  17. .headup{
  18.     height:199px;
  19.     background:url(images/headup.png);
  20. }
  21. .head{
  22.     height:561px;
  23.     background:url(images/head.png);
  24.    
  25. }
  26. .barra{
  27.     height:65px;
  28.     background:url(images/bar.png);
  29. }
  30. .base{
  31.     background:url(images/base.png);
  32. }
  33. .curve{
  34.     background:url(images/curve.png) no-repeat;
  35. }
  36. .nav_up{
  37.     /*margin: 160px 0 0 650px;*/
  38.     margin-left: 650px;
  39. }
  40. .nav_up ul,li{
  41.     text-decoration:none;
  42.     list-style-type:none;
  43. }
  44. .nav_up li {
  45.     padding:0px;
  46.     float: left;
  47. }
  48. #apDiv1 {
  49.     background:url(images/background-curve.png);
  50.     position:absolute;
  51.     width: 3016px;
  52.     height: 1347px;
  53.     z-index:1;
  54.     left: -662px;
  55.     top: 33px;
  56. }
  57. </head>
  58.  
  59. <div class="medida">
  60.   <div class="headup">
  61. <div class="nav_up">
  62. <ul>
  63. <li><a href="#">Elemnto1</a></li>
  64. <li><a href="#">Elemento2</a></li>
  65. </ul>
  66. </div>
  67. </div>
  68. <div class="head"></div>
  69. <div class="barra"></div>
  70. <div class="base">
  71. <div class="curve">
  72.   <p><br />
  73.   <br />
  74.   <br />
  75.   <br />
  76.   <br />
  77.     <br />
  78.     <br />
  79.     <br />
  80.     <br />
  81.     <br />
  82.     <br />
  83.     <br />
  84.     <br />
  85.     <br />
  86.     <br />
  87.     <br />
  88.     <br />
  89.     <br />
  90.     <br />
  91.     <br />
  92.     <br />
  93.     <br />
  94.     <br />
  95.     <br />
  96.     <br />
  97.     <br />
  98.     <br />
  99.     <br />
  100.     <br />
  101.   </p>
  102. </div>
  103. </div>
  104. </div>
  105. </body>
  106. </html>
  #2 (permalink)  
Antiguo 11/07/2011, 07:11
 
Fecha de Ingreso: octubre-2010
Mensajes: 123
Antigüedad: 6 años, 6 meses
Puntos: 10
Respuesta: 2 BackGrounds

Alguna idea... ?? !

Etiquetas: css
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 09:34.