Cita:
Iniciado por Acelsp
Código:
html {
height: 100%;
}
body {
text-align: center;
margin: 0px;
height: 100%;
color: #fff;
font-family: sans-serif;
font-size: 12pt;
background: url(Images/Back.jpg) top left;
}
#container {
width: 750px;
height: 100%;
margin: 0px auto;
text-align: left;
background-color: #8c8a8d;
border: #000000 1px solid;
}
#header {
background: url(Images/Cabecera.jpg) top left no-repeat;
width: 750px;
height: 230px;
margin: 0px;
padding: 0px;
}
#sidebar {
width: 204px;
/* height: 100%; */
float: left;
margin: 0px;
padding: 0px;
background-color: #aa8a8d;
}
#sidebarOpciones {
width: 204px;
height: 162px;
margin: 0px;
padding: 0px;
}
#sidebarCuerpo {
width: 204px;
/*height: 100%;*/
background: url(Images/LeftBack.jpg) repeat top left;
margin: 0px;
padding: 0px;
}
#sidebarContacto {
width: 204px;
background: url(Images/ContactInfo.jpg) no-repeat top left;
height: 117px;
margin: 0px;
padding: 0px;
}
#main {
float: right;
width: 526px;
/* height: 100%; */
margin: 0px 20px 20px 0px;
padding: 0px;
}
#footer {
clear: both;
margin: 0px;
padding: 0px;
}
Prueba poniendo como comentarios los
height:100% que te remarco en rojo, a mi en Firefox me funciona pero no tengo las imágenes.
Saludos.