Problemas con fondo en HTML
2 seguidores
Hola a todos, llevo mucho tiempo sin postear nada, pero llevo un par de días liado con una web nueva y me trae de cabeza, tengo un fondo en el body de un html y quiero que se alinee abajo y a la izquierda, esto es:
<code>body {
line-height: 16px;
background-color: #000;
background: url(../img/estructura/background.jpg) 0 bottom no-repeat #000;
height: 100%;
html {
height: 100%;
}
}</code>
El problema viene que al haber elementos flotando falla en algunos sitios y no se va abajo del todo que es la intención principal. A ver si me podeís echar una mano.
the_wound
Me autocontesto, lo arregle con esto:
<code>body {
line-height: 16px;
background-color: #000;
no-repeat #000;*/
height: 100%;
}
html {
height: 100%;
}
#background {
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background: url(../img/estructura/background.jpg) 0 bottom no-repeat #000;}</code>
O sea poniendo una capa como fondo para que se estire. Al menos funciona
jorfe
Yo algo similar lo solucioné poniendo background-position:left bottom; para que se alineara abajo a la derecha, supongo que en tu caso la cosa quedaría así:
<code>body {
line-height: 16px;
background-color: #000;
background: url(../img/estructura/background.jpg);
background-repeat: no repeat;
background-position: right bottom;
}</code>
Así debería aparecer la imagen abajo a la izquierda sin repetirse.
Sólo te he puesto lo referente al fondo, porque el resto de lo que has puesto no lo entiendo :D