Tengo este css:
Cita:
El div left es un borde de 35 pixeles,el right lo mismo,y el center es el centro del contenido.Lo que esta pasando es que cuando escribo mucho texto en el center,el div center se muestra bien,pero en cambio el left y el right no llegan hasta el final de la pagina,si no el 100% que se puede ver sin hacer scroll.<style>
body {
background-image: url(images/back.jpg);
margin:0 0 0px 0;
text-align: center;
}
#container{
width:950px;
height:auto;
text-align:center;
top:0px;
margin:0 auto;
background: #ffffff top center repeat-y;
}
#header {
width:870px;
height:100px;
border: 1px solid;
margin:0 auto;
}
#left {
float:left;
width:35px;
height:100%;
background: url('images/left.png') top center repeat-y ;
}
#center {
width:870px;
height:auto;
border: 1px solid;
margin:0 auto;
}
#right {
float:right;
width:35px;
height:100%;
background: url('images/right.png') top center repeat-y ;
}
#pie{
clear:both;
width:870px;
height:20px;
background-color:#0099CC;
}
#clearing{
clear:both;
}
</style>
body {
background-image: url(images/back.jpg);
margin:0 0 0px 0;
text-align: center;
}
#container{
width:950px;
height:auto;
text-align:center;
top:0px;
margin:0 auto;
background: #ffffff top center repeat-y;
}
#header {
width:870px;
height:100px;
border: 1px solid;
margin:0 auto;
}
#left {
float:left;
width:35px;
height:100%;
background: url('images/left.png') top center repeat-y ;
}
#center {
width:870px;
height:auto;
border: 1px solid;
margin:0 auto;
}
#right {
float:right;
width:35px;
height:100%;
background: url('images/right.png') top center repeat-y ;
}
#pie{
clear:both;
width:870px;
height:20px;
background-color:#0099CC;
}
#clearing{
clear:both;
}
</style>
En firefox se ve el 100% pero hasta donde se hace scroll,y en internet exlporer,se ve la imagen sola
que puedo hacer
gracias!