Estimados, estoy empezando a entrar a este mundo de peleas con el HTML/CSS y dreamweaver, hasta ahora lo vengo resolviendo con mi conocimiento basico del tema, pero me surge una duda que no logre encontrar y aqui la dejo, mas que seguro lo sabran resolver.
¿Como consigo que el fondo pricipal background-image se expanda en lo alto segun la resolucion de la pantalla?
el tema es que logre hacer que se estire en lo ancho con repeat-x y no dandole width entonces se adapta a lo largo, pero mi problema es a lo alto, dado que si lo miran en monitores cuadrados de resolucion mayor a 601px de alto, ya ven la parte excedente en blanco, lo que quiero es que si lo ven estas pantallas la imagen de fondo se estire hasta cubrirla al 100%.
Ya probe ponerle 100% al alto (height) o dejarlo en blanco para ver si se adapta, pero no hay forma. el contenido adentro del <div> flota en el medio, por lo que no encuentra un objeto que lo lleve hasta fondo, y cuando aplico la propiedad solo cubre el tapiz (background) hasta el medio, no quiero estirar la imagen con photshop y darle mas height porque pierde resolucion, quiero que se estire solo cuando el monitor que lo vea realmente lo requiera por la resolucion.
Como ven quise expresarme lo mejor posible para que me entiendan, espero conseguirlo, y no quedar como que hablo de cualquier cosa, les dejo el codigo.
Código HTML :
<body> <div id="fondo"> <div id="fondo_central"> <img src="jpg/fondosinbotonera.png" width="543" height="406" longdesc="#" /> </div> </div>
Código CSS :
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#fondo {
background-repeat: repeat-x;
background-image: url(../jpg/fondo.jpg);
margin: 0px;
padding: 0px;
height: 601px;
}
#fondo #fondo_central {
height: 400px;
width: 536px;
margin-right: auto;
margin-left: auto;
}
#fondo #fondo_central img {
margin-right: auto;
margin-left: auto;
text-align: center;
height: 400px;
width: 536px;
margin-top: -67px;
}Abrazos, y gracias desde ya!
