Ver Mensaje Individual
  #9 (permalink)  
Antiguo 20/06/2009, 16:48
Cukiwoman
 
Fecha de Ingreso: junio-2009
Mensajes: 6
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Imagen fija sobre texto en un scrollbar.


html:
Código:


<div id="contiene_todo_2">
<div id="contenedor_2">

           <p style="margin-left:2px; margin-right: 6px">
           <br /><br /><br /><br /><br /><br />

           <img src="una_imagen" />
           <div style="text-align:center;"> <p>

           <br />

           <p style="font-weight:bold;font-size:14px;">un texto<br />
            otro texto</p><br />

                      texto texto texto.... <br/>
           <img src="una_imagen" /><br />
           </p>
</div>
<div class="top_2"></div>
<div class="bottom_2"></div>
</div>
css:

Código:
 
        #contiene_todo_2 {
        width:600px;
        height:700px;
        overflow: hidden;
        margin: 10px auto 0;
        position: relative;
        }


      #contenedor_2 {
        width: 600px; 
	height: 700px; 
	background-color: 000000; 
	color: dimgray; 
	font-family: courier new; 
	font-size: 10px; 
	font-weight: bold; 
	text-align: center; 
	overflow-y: scroll; 
	padding: 2px; 
	margin-left: 4px; 
	margin-right: 8px; 
	background-image:url(imagen_fondo.jpg); 
	background-repeat: no-repeat;
	image-attachment: fixed; 
	image-align: left;
	text-margin: left 2px; 
	text-margin: right 6px;
  
      }
 
      .top_2 {
        height: 119px;
        width: 573px;
        position: fixed;
        top: 0;
        background-image: url(imagen_tapa_top.png);
       }
 
      .bottom_2 {
	height: 119px;
        width: 573px;
        position: fixed;
        top: 585px;
        background-image: url(imagen_tapa_bottom.png);
        }
Sigue haciendo lo mismo, deja las png bien colocadas pero no se mueven y la imagen jpg de fondo del scrollbar no se ve, de hecho es que no hay scrollbar, se ve todo el contenido. Tampoco me hace caso en los estilos de párrafo que he puesto arriba en el html (antes de hacerlo así sí).

Es para un myspace 2.0 que tiene el css a parte, por si tiene que ver. Tengo más divs en esa sección html para el encabezado de arriba de todo (abiertos y cerrados, lo he mirado mil veces) que creo que no tienen nada que ver. Tampoco hay ninguna clase o id que se llame igual. Aunque al escribir tu último html me borra del tirón los dos "id" dejando sólo el div, será cosa de Myspace que hace lo que quiere (?).

No sé si interfieren esos otros códigos que digo o será el momento de intentarlo de otra forma. Todavía no me he rendido.

Edit: al copiar y pegar ya me di cuenta de cambiar el fixed por absolute; y lo mismo...

Última edición por Cukiwoman; 20/06/2009 a las 17:35