hola lista
tengo el siguiente problema en esta p�gina
http://www.multiadmirable.com/ejemplo.htm
como veran el menu de la derecha llega hasta el final de la p�gina, lo que no sucede con la parte central de la p�gina en donde irian unos enlaces. el problema es que en ocasiones en la parte de los enlaces puede que hayan 10 y en otras puede que haya 4 o menos. encuentro la manera de hacer llegar esa �rea (de los enlaces) hasta abajo.
ese dise�o es original de csszengarden y lo he ido modificando asi que si le parece conocido ya saben de donde es :-D
saludos
skl
archivo disculpen si esta un poco largo css.css
* {
padding: 0;
margin: 0;
border: 0px none;
}
body {
background: #f2f2f2;
color: #777;
font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
text-align: center;
}
acronym {
cursor: help;
}/* ---------- div ---------- */
#container { padding: 0 2px; width: 500px !important; width /**/: 504px; margin: 0 auto; background: #fff url("container.gif") repeat-y; text-align: left; position: relative; }
#quickSummary, #preamble, #supportingText div {
padding: 5px 20px;
width: 330px!important;
width /**/: 370px;
}
#quickSummary {
padding: 15px 20px;
background: url("line.gif") no-repeat 50% 100%;
}
#quickSummary1 #preamble1 {
padding: 5px 20px 5px;
width: 500px!important;
width /**/: 370px;
}
#quickSummary1 {
padding: 15px 20px 0px;}
#quick1 #preamble1{
padding: 5px 20px 5px;
width: 500px!important;
width /**/: 370px; }
#quick1 {
padding: 15px 20px;
text-align: center;
background: url("line.gif") no-repeat 50% 100%;
}
#preamble {
padding-top: 15px;
}
#supportingText #requirements {
padding-bottom: 12px;
}
#supportingText #footer {
padding: 12px 20px;
background: url("line.gif") no-repeat 50% 0;
text-align: center;
}
#linkList {
position: absolute;
top: 322px;
left: 372px;
font-size: 10px;
line-height: 1.2em;
}
#linkList1 {
position: absolute;
top: 74px;
left: 372px;
font-size: 10px;
line-height: 1.2em;
}
#titulo {
font-weight: normal;
font-size: 2em;
line-height: 1em;
text-align: center;
font-family: "Trebuchet MS";
width: 350px;
padding-left: 10px;
}
/* ---------- h1, h2, h3 ---------- */
h1, h2, h3 {
font-weight: normal;
font-size: 1.0em;
line-height: 1.0em;
text-indent: -2000em;
display: block;
}
h1 {
width: 500px;
height: 75px;
background: #fff url(logo.jpg) no-repeat 100%;
}
h2 {
width: 500px;
height: 246px;
background: #b6c77b url(zun.jpg) no-repeat;
}
#logo {
width: 500px;
height: 246px;
background: #b6c77b url(zun_seccion.jpg) no-repeat;
}
#preamble h3, #supportingText h3 {
width: 231px;
height: 27px;
background-repeat: no-repeat;
}
#linkList h3 {
width: 130px;
height: 34px;
background-repeat: no-repeat;
background-color: #f2f4d8;
}
#linkList1 h3 {
width: 130px;
height: 34px;
background-repeat: no-repeat;
background-color: #f2f4d8;
}
.select {background-image: url("h3_06.gif"); }
.archives {background-image: url("h3_07.gif"); }
.resources {background-image: url("h3_08.gif"); }/* ---------- p ---------- */
p {
padding-top: 5px;
}
.p1 {
padding-top: 2px;
}/* ---------- ul, li ---------- */
ul, li {
list-style: none;
}
ul {
border-top: 1px solid #ddd;
}
li {
text-transform: lowercase;
border-bottom: 1px solid #ddd;
}
#lselect li {
padding: 5px 7px 5px 24px;
background: url("bullet1.gif") no-repeat;
}
#lselect1 li {
padding: 5px 7px 5px 24px;
background: url("bullet1.gif") no-repeat;
}
#lselect2 li {
padding: 5px 7px 5px 24px;
background: url("bullet1.gif") no-repeat;
}
#lselect li:hover {
background: #e6e9cd url("hover.gif") no-repeat;
}
#lselect1 li:hover {
background: #e6e9cd url("hover.gif") no-repeat;
}
#lselect2 li:hover {
background: #e6e9cd url("hover.gif") no-repeat;
}
#larchives li, #lresources li {
background: url("bullet2.gif") no-repeat;
padding: 5px 0;
}
div>#larchives li, div>#lresources li {
padding: 0;
height: 23px;
background: url("bullet2.gif") no-repeat;
}
#larchives1 li {
background: url("bullet2.gif") no-repeat;
padding: 5px 0;
}
div>#larchives1 li {
padding: 0;
height: 23px;
background: url("bullet2.gif") no-repeat;
}
#intro1 {
width: 350px;
left: 90px;
position: relative;
}
#intro2 {
width: 350px;
left: 10px;
position: relative;
padding: 10px;
}
.intro3 {
width: 350px;
left: 10px;
position: relative;
padding: 3px;
}/* ---------- a ---------- */
a {
text-decoration: none;
}
#intro a, #supportingText a {
font-weight: bold;
color: #9ead6c;
}
#intro1 a {
font-weight: bold;
color: #9ead6c;
}
#linkList a {
color: #777;
}
#linkList1 a {
color: #777;
}
#enlaces a, #enlaces a {
color: #777;
}
#lselect a {
display: block;
color: #9ead6c;
}
#lselect a.c {
display: inline;
color: #777;
}
#lselect1 a {
display: block;
color: #9ead6c;
}
#lselect1 a.c {
display: inline;
color: #777;
}
#lselect2 a {
display: block;
color: #9ead6c;
}
#lselect2 a.c {
display: inline;
color: #777;
}
#larchives a, #lresources a {
padding: 0 7px 0 22px;
}
div>#larchives a, div>#lresources a {
padding: 5px 7px 5px 22px;
height: 13px !important;
height /**/: 23px;
display: block;
}
#larchives1 a {
padding: 0 7px 0 22px;
}
div>#larchives1 a {
padding: 5px 7px 5px 22px;
height: 13px !important;
height /**/: 23px;
display: block;
}
#linkList a:hover, #linkList a:active, #lselect a.c:hover, #lselect a.c:active, #lselect1 a.c:hover, #lselect1 a.c:active, #lselect2 a.c:hover, #lselect2 a.c:active {
color: #222;
}
#intro a:hover, #intro a:active,#intro1 a:hover, #intro1 a:active, #supportingText a:hover, #supportingText a:active, #lselect a:hover, #lselect a:active, #lselect1 a:hover, #lselect1 a:active, #lselect2 a:hover, #lselect2 a:active {
color: #85925C;
}
#enlaces a:hover, a:active, a:hover, a:active, a.c:hover, a.c:active {
color: #85925C;
}
div>#larchives a:hover, div>#larchives a:active, div>#lresources a:hover, div>#lresources a:active {
background: #e6e9cd url("hover.gif") no-repeat -130px 0;
}
div>#larchives1 a:hover, div>#larchives1 a:active {
background: #e6e9cd url("hover.gif") no-repeat -130px 0;
}
.form {
background:#FFFFFF;
border: 1px solid #999900;
color: #777;
font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
}
.select9 { background-image: url("h3_09.gif"); } .select90 { font-family: "Trebuchet MS"; background: #EAEAA8; font-size: 1.1em; padding: 1px; } .select5 { background-image: url("h3_05.gif"); } .select4 { background-image: url("h3_04.gif"); } .select7 { background-image: url("h3_07.gif"); } #quick { padding: 10px 20px; width: 330px !important; width /**/: 370px; background: url("line.gif") no-repeat 50% 100%; } .image { border: 1px dotted #CCCC33; padding: 2px; } #enlaces { border: 1px dotted #CCCC33; padding: 2px 2px 2px 8px; position: absolute; height: 95px; width: 135px; left: 191px; top: 778px; } #base { width: 465px; padding: 20px 10px; text-align: center; background: url("line.gif") no-repeat 50% 0;
}
.texto {
width: 95%;
font-family: "Trebuchet MS";
font-size: 1.1em;
text-align: center;
padding: 10px;
}
/*....buscador.....*/ .buscar { width: 100px; text-align: right; padding: 5px; } .buscar1 { float: right; width: 200px; padding: 5px; text-align: left; } .buscar3 { text-align: center; font-family: "Trebuchet MS"; font-size: 1.2em; font-weight: bold; width: 100%; background-color: #E8EDBB; } .buscar_agrupar { border: 1px solid #E8EDBB; height: 100%; } .buscar4 { text-align: center; width: 90%; padding: 10px; word-spacing: 0.3em; vertical-align: bottom; } .buscar5 { font-family: "Trebuchet MS"; font-size: 1.3em; text-align: center; color: #CC9900; padding: 10px; font-weight: bold; } .buscar6 { font-family: "Trebuchet MS"; text-align: center; padding: 10px; } #buscar7 { font-weight: normal; font-size: 2em; line-height: 1em; text-align: center; font-family: "Trebuchet MS"; width: 490px; padding-left: 10px; }
_______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo
