Estimados amigos,
En primer lugar me presento, pues es mi primer mensaje a esta lista: soy Javier Leiva, documentalista y medio peleado con las dichosas hojas de estilo. Pero bueno, vamos mejorando con los lustros...
Resulta que estoy intentando colocar un par de capas verticales y me gustaría que tuvieran el mismo largo. Es decir, si veis el ejemplo que he colgado (http://catorze.com/chatarra/3-1ejemplo.jpg), la intención es que #menulocal termine justo cuando termina #central, que tiene más contenido y suele llegar más abajo. Me han dicho que podría conseguirlo metiendo las capas en un contenedor y luego les meta a ambas "height:100%", pero me he hecho un lío con los relativos y absolutos y no hay manera. En fin, alguna alma bondadosa podría enseñarme el camino? Más abajo os pego las capas tal como mi reducido cerebro ha alcanzado a construirlas (incluyo la superior, por si sirve para algo :-)
Se prometen agradecimientos eternos...
Javier Leiva Aguilera http://www.catorze.com
#menulocal {
position:absolute;
top:142px;
left:3%;
width:16%;
height:auto;
border:0px;
background:#fff;
text-align:justify;
padding:6px;
z-index: 1;
}
#menulocal a { color: #008400; text-decoration:none; }
#menulocal a:link { color: #008400; text-decoration:none; }
#menulocal a:visited { color: #008400; text-decoration:none; }
#menulocal a:active { color: #F0B80E; }
#menulocal a:hover { color: #F0B80E; }#central {
position:relative;
margin-left:19%;
margin-right:3%;
text-align:justify;
background:#fff;
border-top:0px;
border-left:1px solid #7495B6;
border-right:1px solid #426D9C;
border-bottom:1px solid #426D9C;
padding:6px;
z-index: 2; }
#barra {
position:relative;
margin-left:3%;
margin-right:3%;
background:#6382AD;
border:0px solid #426D9C;
padding:6px;
z-index:4; }
#barra a { color: #FFFFFF; text-decoration:none; font-weight: normal;}
#barra a:link { color: #FFFFFF; text-decoration:none; font-weight: normal;}
#barra a:visited { color: #FFFFFF; text-decoration:none; font-weight: normal;}
#barra a:active { color: #F0B80E; font-weight: normal;}
#barra a:hover { color: #F0B80E; font-weight: normal;}
_______________________________________________ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
