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ó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ás prometedores de la arquitectura joven latinoamericana. Una sólida formació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ños. </p>
<p class="pregunta">En tu última charla me pareció que el tema de las casas te gusta especialmente. </p>
<p class="respuesta">Me gustan las casas, pero no es el tema que elegiría. Generalmente a uno le encargan lo que ya ha hecho. Es un círculo vicioso del que cuesta salir. </p>
<p class="pregunta">¿Qué te gustaría hacer? </p>
<p class="respuesta">Edificios de servicios. Me gustan porque son más abstractos. El cliente no es una única personalidad y entonces el proyecto te demanda ser más universal y, a la vez, más abstracto. Además, la cantidad de trabajo es el mismo que para una casa y te pagan mucho más. O sea: tiene múltiples ventajas. </p>
<p class="pregunta">¿Que el cliente no sea una "única personalidad" permite que el proyecto sea más tuyo? </p>
<p class="respuesta">Uno puede caer en la tentación de hacer un proyecto muy personal. Pero creo que lo lindo es que debes ser mucho más neutral. En una casa se puede "volar" tan lejos como las obsesiones del cliente lo permitan. Hay muchísima má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án con una postura de menor "seriedad" y las obras resultan más lúdicas. En cambio, por más que no haya un cliente a quien responderle directamente, cuando diseñas un edificio tienes que ser má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">¿A qué te aferras para diseñ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ú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">¿Qué cosas no le perdonarías a un proyecto? </p>
<p class="respuesta">Qué no tenga una relación armó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ólo para que combine con un puente urbano; la verdad, lo encuentro sospechoso. </p>
<p class="pregunta">¿No te gusta Frank Gehry? </p>
<p class="respuesta">No, ni Frank Gehry ni el "frankgehrismo". </p>
<p class="pregunta">¿Qué te gusta? </p>
<p class="respuesta">Por ejemplo, la arquitectura contemporánea española. Una arquitectura que tiene mucho carácter y sentido común. No es de vanguardia en el discurso. Porque el discurso contemporáneo busca la vanguardia por la vanguardia en sí misma. A eso lo veo carente de todo fondo. A mí me gusta una arquitectura moderna más conservadora. </p>
<p class="pregunta">¿Cómo es la arquitectura, cuando es conservadora? </p>
<p class="respuesta">Me refiero a la que busca dar una buena solución a un problema de programa. Al revés de un señor que lo único que busca es llamar la atención con un edificio, sin importarle lo que está adentro o lo que está afuera. O sea: hay arquitectura en serio y arquitectura espectáculo. Y yo, la que está hecha en serio, la considero conservadora pero en sentido positivo. Porque en un mundo como éste, en que todo es imagen y consumo, tratar de hacer las cosas de manera más prudente, a largo aliento, llamando menos la atención, es una actitud conservadora que está 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 !
