22/01/2009, 10:02
|
| (Desactivado) | | Fecha de Ingreso: marzo-2008
Mensajes: 641
Antigüedad: 16 años, 10 meses Puntos: 7 | |
| Respuesta: Footer extendido 100%
Te pego aquí el css...
(es largo)
/* FORMULARIOS */
input {
font-family:Comic Sans MS;
font-size: 13px;
font-weight:bold;
color:#FFFFFF;
background-color:#3399FF;
border: 2px Solid #0000CC;
padding:2px;
margin-bottom:10px;
}
select {
font-family:Comic Sans MS;
font-size: 13px;
font-weight:bold;
color: #FFFFFF;
border: 2px Solid #0000CC;
background-color:#3399FF;
border-left-width: 1px;
padding:2px;
margin-bottom:10px;
}
textarea{
font-family:Comic Sans MS;
font-size: 13px;
font-weight:bold;
color: #FFFFFF;
border: 2px Solid #0000CC;
background-color:#3399FF;
border-left-width: 1px;
padding:2px;
margin-bottom:10px;
}
body{
margin:0;
padding:0;
font:76% tahoma,verdana,sans-serif;
background: url(images/bodybg.png) repeat-x;
color:#333;
text-align:center;
}
a{
text-decoration:none;
color:#269;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}
p{
margin:0 0 15px 0;
line-height:1.5em;
}
h1,h2,h3,h4{
margin:0;
padding:0;
font-weight:normal;
}
h1{
font-size:3.2em;
letter-spacing:-3px;
color:#567;
margin:12px 0 5px 20px;
}
h1 a:hover{
text-decoration:none;
}
h2{
font-size:1.8em;
letter-spacing:-1px;
margin:-10px 0 0 50px;
color:#888;
}
h3{
color: #555;
font-size:1.4em;
margin:1em 0 0.5em 0.5em;
}
h4{
font-size:1.2em;
font-weight:bold;
}
#container{
width:92%;
min-width:700px;
padding:0 20px;
margin:0 auto;
background: #FFFFFF url(images/contentbg.png) repeat-x;
color:#333;
text-align:left;
}
#sitetitle{
float:left;
height:100px;
width: 35%;
color: #333;
}
#sitetitle a{
color:#567;
font-weight:normal;
}
#sitetitle a:hover{
color:#269;
}
#menu{
height:71px;
padding-top:35px;
text-align: right;
}
#menu a{
margin:0;
height:100px;
padding:35px 6px 41px 6px;
font-size:1.6em;
font-weight:normal;
letter-spacing:-1px;
color: #067296;
}
#menu a:hover{
color:#0000CC;
text-decoration:none;
background: url(images/menuhover.png) repeat-x;
padding:35px 5px 41px 5px;
border-left: 1px solid #0000CC;
border-right: 1px solid #0000CC;
}
#content{
margin-top:30px;
width:100%;
clear:both;
}
#content h2{
margin:0 0 10px 0;
color:#555;
border-bottom:2px solid #abb;
}
#content h2 a{
color:#555;
font-weight:normal;
}
#content h2 a:hover{
color:#269;
text-decoration:none;
background:none;
}
#content p{
margin:0 0.5em 1.2em 0.5em;
}
#left{
width:68%;
float:left;
}
#right{
margin-left:70%;
margin-top:-15px;
}
#right h2{
margin:0 0 8px 0;
padding:12px 0 0 0;
font-size:1.6em;
}
/* Boxes */
.box-orange {
background: url(images/boxorange.gif) repeat-x;
}
.box-orange .section {
background: url(images/boxorangesec.gif) no-repeat right top;
font-size: 100%;
color: #FFFFFF;
}
.box-orange .section b {
display: block;
height: 23px;
padding: 7px 0 0 10px;
background: url(images/boxorangesecb.gif) no-repeat;
}
.box-orange .content {
padding: 20px;
}
.box-blue {
background: url(images/boxblue.gif) repeat-x;
}
.box-blue .section {
background: url(images/boxbluesec.gif) no-repeat right top;
font-size: 100%;
color: #FFFFFF;
}
.box-blue .section b {
display: block;
height: 23px;
padding: 7px 7px 0 10px;
background: url(images/boxbluesecb.gif) no-repeat;
}
.box-blue .content {
padding: 20px;
}
.box-pink {
background: url(images/boxpink.gif) repeat-x;
}
.box-pink .section {
background: url(images/boxpinksec.gif) no-repeat right top;
font-size: 100%;
color: #FFFFFF;
}
.box-pink .section b {
display: block;
height: 23px;
padding: 7px 0 0 10px;
background: url(images/boxpinksecb.gif) no-repeat;
}
.box-pink .content {
padding: 20px;
}
/* End of boxes */
#footer{
margin:0px;
z-index:100;
bottom:0px;
left:0px;
right:0px;
width:100%;
padding-left:10%;
padding-top:7px;
border-color:#009900;
border:2px;
border-top-style:solid;
text-align:left;
background: url(images/footerbg.png) repeat;
background-position:bottom,left;
color:#FFFFFF;
}
#footer a{
color:#888;
font-weight:normal;
}
#footer span{
color:#FFFFFF;
font-size:2em;
letter-spacing:-2px;
}
.entry{
position:relative;
margin:0 0 20px 0;
border:2px solid #fff;
color:#333;
padding:0px 10px 0 10px;
}
.entry a:hover, .intro a:hover{
text-decoration:none;
padding-bottom:2px;
background:url(images/flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}
.link{
color:#269;
background:url(images/linkarrow.gif) left no-repeat;
display:block;
margin:4px 0 0 0;
padding:2px 1em;
}
.link:hover{
color:#48b;
background:url(images/blinkarrow.gif) left no-repeat; /* Delete this line to remove the blinking arrows by the links */
text-decoration:none;
}
.thumbs img{
position:relative;
padding:3px;
margin:0 2px 2px 0;
border:1px solid #fff;
background-color:#ddd;
color: #555;
}
.thumbs img:hover{
background: url(images/flash.gif); /* Delete this line to remove the blinkingblue frame around the thumbnails */
}
.entryphoto{
margin:5px 10px 10px 0;
float:left;
padding:3px;
border:1px solid #fff;
background-color:#ddd;
color:#333;
}
.meta{
clear:both;
border-top: 2px solid #ccc;
padding: 5px 1px 0 0;
margin:10px 0 0 0;
text-align:right;
font-size:0.9em;
color: #567;
}
.pagenav{
color: #888;
text-align:center;
}
.entry img{
position:relative;
}
.subcontainer {
width:98%;
}
.rightsub{
float:left;
width:45%;
padding:0;
}
.rightsub2{
margin-left:50%;
padding:0;
}
.date{
display:block;
float:left;
font-weight:bold;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.clear{
clear:both;
}
.hide{
display:none;
} |