Foros del Web » Creando para Internet » CSS »

¿Scroll de texto por encima de líneas fixed ?

Estas en el tema de ¿Scroll de texto por encima de líneas fixed ? en el foro de CSS en Foros del Web. Hola, muy buenas ! He estado mirando por algunas partes del foro pero no he encontrado ningún post con este tema. Os lo planteo : ...
  #1 (permalink)  
Antiguo 17/01/2007, 13:21
 
Fecha de Ingreso: enero-2007
Mensajes: 5
Antigüedad: 10 años, 10 meses
Puntos: 0
¿Scroll de texto por encima de líneas fixed ?

Hola, muy buenas !

He estado mirando por algunas partes del foro pero no he encontrado ningún post con este tema.

Os lo planteo : tengo una página donde en la parte inferior de la pantalla (800x600) inserto unas líneas horizontales y verticales.

Despliego texto en scroll que es más largo que los 600 píxeles de altura, y el problema que tengo es que el texto aparece por debajo de las líneas.

A mí me gustaría dejarlo que el scroll de texto se efectuara exactamente por encima de las líneas horizontales de la parte baja, pero no sé muy bien cómo realizarlo.

Os agradecería mucho si me pudierais dar algún consejo, muchas gracias.

Ahí va el código HTML (Perdón si es un poco largo pero es para que veáis exactamente el problema):

<!--Etiquetas para la disposición de las líneas-->
<div id="lin-negra-hor1">
<img src="../imagenes/img-interfase/lin-negra-hor1.gif" alt="linea negra horizontal 662 px por 2 px" width="662" height="2" />
</div>
<div id="lin-negra-hor2">
<img src="../imagenes/img-interfase/lin-negra-hor2.gif" alt="linea negra horizontal 212 px por 2 px" width="212" height="2" />
</div>
<div id="lin-oliva-hor1">
<img src="../imagenes/img-interfase/lin-oliva-hor1.gif" alt="linea oliva horizontal 93 px por 3 px" width="93" height="3" />
</div>
<div id="lin-oliva-hor2">
<img src="../imagenes/img-interfase/lin-oliva-hor2.gif" alt="linea oliva horizontal 190 px por 4 px" width="190" height="4" />
</div>
<div id="lin-oliva-ver1">
<img src="../imagenes/img-interfase/lin-oliva-ver1.gif" alt="linea oliva vertical 2 px por 102 px" width="2" height="102" />
</div>
<div id="lin-oliva-ver2">
<img src="../imagenes/img-interfase/lin-oliva-ver2.gif" alt="linea oliva vertical 2 px por 52 px" width="2" height="52" />
</div>
<div id="lin-oliva-ver3">
<img src="../imagenes/img-interfase/lin-oliva-ver3.gif" alt="linea oliva vertical 2 px por 102 px" width="2" height="102" />
</div>

<div id="texto">
<div id="foto-klotz"> <img src="mathias-klotz/foto-klotz-entre.jpg" alt="Retrato de Mathias Klotz" name="foto_klotz" width="100" height="99" id="foto_klotz" /></div>
<h2 class="entrevista">Entrevista con el chileno Mathias Klotz. Su visi&oacute;n sobre el formalismo, la sustentabilidad y el rol actual del arquitecto.</h2>
<p class="comentario">El chileno Mathias Klotz es uno de los exponentes m&aacute;s prometedores de la arquitectura joven latinoamericana. Una s&oacute;lida formaci&oacute;n profesional, una larga carrera docente y una mirada racional y creativa a la vez son algunas de las virtudes de este arquitecto de apenas 41 a&ntilde;os. </p>
<p class="pregunta">En tu &uacute;ltima charla me pareci&oacute; que el tema de las casas te gusta especialmente. </p>
<p class="respuesta">Me gustan las casas, pero no es el tema que elegir&iacute;a. Generalmente a uno le encargan lo que ya ha hecho. Es un c&iacute;rculo vicioso del que cuesta salir. </p>
<p class="pregunta">&iquest;Qu&eacute; te gustar&iacute;a hacer? </p>
<p class="respuesta">Edificios de servicios. Me gustan porque son m&aacute;s abstractos. El cliente no es una &uacute;nica personalidad y entonces el proyecto te demanda ser m&aacute;s universal y, a la vez, m&aacute;s abstracto. Adem&aacute;s, la cantidad de trabajo es el mismo que para una casa y te pagan mucho m&aacute;s. O sea: tiene m&uacute;ltiples ventajas. </p>
<p class="pregunta">&iquest;Que el cliente no sea una &quot;&uacute;nica personalidad&quot; permite que el proyecto sea m&aacute;s tuyo? </p>
<p class="respuesta">Uno puede caer en la tentaci&oacute;n de hacer un proyecto muy personal. Pero creo que lo lindo es que debes ser mucho m&aacute;s neutral. En una casa se puede &quot;volar&quot; tan lejos como las obsesiones del cliente lo permitan. Hay much&iacute;sima m&aacute;s materia para lo subjetivo. Sobre todo cuando haces casas de fin de semana o una segunda casa, porque tienen algo de excentricidad. Como un auto deportivo o un vestido para el fin de semana. En esos casos, los clientes est&aacute;n con una postura de menor &quot;seriedad&quot; y las obras resultan m&aacute;s l&uacute;dicas. En cambio, por m&aacute;s que no haya un cliente a quien responderle directamente, cuando dise&ntilde;as un edificio tienes que ser m&aacute;s neutral para que el resultado sea universal. </p>
<div id="fac-economia"> <img src="mathias-klotz/fac-economia-pq.jpg" alt="Facultad de Economía Santiago de Chile" name="fac_economia_pq" width="150" height="93" id="fac_economia_pq" /></div>
<p class="pregunta">&iquest;A qu&eacute; te aferras para dise&ntilde;ar esos edificios? </p>
<p class="respuesta">De la potencia del programa, de las cosas que impactan por volumen, y de la materia. Proyectar una casa es muy com&uacute;n, muy ordinario, en el sentido de que es un programa repetitivo. Muchas veces, los edificios de servicios tienen cosas extraordinarias. </p>
<p class="pregunta">&iquest;Qu&eacute; cosas no le perdonar&iacute;as a un proyecto? </p>
<p class="respuesta">Qu&eacute; no tenga una relaci&oacute;n arm&oacute;nica con el entorno, que no resuelva de manera eficiente el programa y que no haga un uso razonable de los recursos. Cuando un tipo tiene que hacer por ejemplo, el Museo de Bilbao, y hace a un lado una especie de torre de doce pisos de altura sin nada adentro s&oacute;lo para que combine con un puente urbano; la verdad, lo encuentro sospechoso. </p>
<p class="pregunta">&iquest;No te gusta Frank Gehry? </p>
<p class="respuesta">No, ni Frank Gehry ni el &quot;frankgehrismo&quot;. </p>
<p class="pregunta">&iquest;Qu&eacute; te gusta? </p>
<p class="respuesta">Por ejemplo, la arquitectura contempor&aacute;nea espa&ntilde;ola. Una arquitectura que tiene mucho car&aacute;cter y sentido com&uacute;n. No es de vanguardia en el discurso. Porque el discurso contempor&aacute;neo busca la vanguardia por la vanguardia en s&iacute; misma. A eso lo veo carente de todo fondo. A m&iacute; me gusta una arquitectura moderna m&aacute;s conservadora. </p>
<p class="pregunta">&iquest;C&oacute;mo es la arquitectura, cuando es conservadora? </p>
<p class="respuesta">Me refiero a la que busca dar una buena soluci&oacute;n a un problema de programa. Al rev&eacute;s de un se&ntilde;or que lo &uacute;nico que busca es llamar la atenci&oacute;n con un edificio, sin importarle lo que est&aacute; adentro o lo que est&aacute; afuera. O sea: hay arquitectura en serio y arquitectura espect&aacute;culo. Y yo, la que est&aacute; hecha en serio, la considero conservadora pero en sentido positivo. Porque en un mundo como &eacute;ste, en que todo es imagen y consumo, tratar de hacer las cosas de manera m&aacute;s prudente, a largo aliento, llamando menos la atenci&oacute;n, es una actitud conservadora que est&aacute; bien. </p>

</div>

</div>
<!--Este div cierra el total de la página para su alineado (centrado)-->


Y los estilos CSS :


body{
padding :0;
margin :0;
}

/*Alineación de la página*/
#pagina{
position:absolute;
width : 800px;
left: 50%;
margin-left: -400px;
}

/*Caractersticas de la cabecera*/
#logo{
position : absolute;
top : 10px;
left : 10px;
z-index : 50;
}

#subtitulo {
position : absolute;
top: 88px;
left : 118px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: normal;
font-style:italic;
color: #000000;
background-color : transparent;
}

/*Caractersticas del contenido*/
#content{
position : absolute;
top : 160px;
left : 35px;
width: 700px;
}

/*Posicionamiento de las lneas verticales y horizontales*/
#lin-negra-hor1{
position : absolute;
top : 110px;
left : 115px;
}

#lin-negra-hor2{
position : fixed;
top : 597px;
left : 51%;
margin-left: -400px;
}

#lin-oliva-hor1{
position : absolute;
top : 45px;
left : 680px;
}

#lin-oliva-hor2{
position : fixed;
top : 597px;
left : 95%;
margin-left: -400px;
}

#lin-oliva-ver1{
position : absolute;
top : 30px;
left : 755px;
}

#lin-oliva-ver2{
position : fixed;
top : 553px;
left : 52%;
margin-left: -400px;
}

#lin-oliva-ver3{
position : fixed;
top : 505px;
left : 109%;
margin-left: -400px;
}

/*Estilo del menú de navegación principal*/
ul#menu-pral {
position: absolute;
top: 115px;
left: 10px;
list-style: none;
margin: 0;
padding: 0;
}

ul#menu-pral li{
font-family:"Swis721 Blk BT", Arial, Helvetica, sans-serif;
font-size: 0.95em;
float:left;
margin:2px;
padding:2px;
}

ul#menu-pral li a {
display:block; /*convierto el vínculo en un bloque */
width:100px;
height:20px;
line-height:20px;
color:#000;
text-decoration: none;
text-align: center;
}

ul#menu-pral li a:hover {
color:#999999;
}

/*Posicionamiento de las fotos y texto entrevista de Klotz*/

#texto{
text-align:left;
font-size: 1em;
padding: 0 0 0 0;
}

#foto-klotz{
float: left;
margin: 0 10px 0 0;
width: 100px;
}

#fac-economia{
float: right;
margin: 5px 5px 5px 5px;
width: 150px;
}

#casa-klotz{
float: left;
margin: 5px 10px 0 0;
width: 150px;
}

#edif-servicios{
float: right;
margin: 5px 5px 5px 5px;
width: 150px;
height: 114px;
}

/*Formato del texto entrevista de Klotz*/

.entrevista, .pregunta, .respuesta {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 0.9em;
}

.entrevista{
font-family:Georgia, "Times New Roman", Times, serif;
color:#999933;
font-style:italic;
font-weight:bold;
font-size: 1em;
}

.pregunta {
font-style: italic;
color: #666;
}

.respuesta {
font-style:normal;
color: #000;
}

.comentario {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size: 0.9em;
color: #666;
}



Muchas gracias, un cordial saludo !
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 04:55.