Hola,estoy haciendo una pagina bastante simple,pero no logro hacer que funcione bien.
Tengo este css:
Cita: <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>
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.
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!