A
adrianespasa
Dseda
SEO
Buen dia, tengo una pregunta rapida, que no se como solucionarla.
El tema es que estaba maquetando en XHTML, y pasa que al poner height 100% para que las div de la izquierda y la derecha se adapten a la div que las contienen, no funcionan. La idea es que el background de esas div, se repita en el eje Y.
Porque no ocurre esto??
Imagen mas explicativa: http://1.bp.blogspot.com/-iMWtkdKb8...k-c0X8917tk/s1600/problemas+div+laterales.png
el codigo CSS es el siguiente:
Gracias!
El tema es que estaba maquetando en XHTML, y pasa que al poner height 100% para que las div de la izquierda y la derecha se adapten a la div que las contienen, no funcionan. La idea es que el background de esas div, se repita en el eje Y.
Porque no ocurre esto??
Imagen mas explicativa: http://1.bp.blogspot.com/-iMWtkdKb8...k-c0X8917tk/s1600/problemas+div+laterales.png
el codigo CSS es el siguiente:
Insertar CODE, HTML o PHP:
#right_contenido{ position:relative;
float:left;
width:613px;
height:auto;
margin-left:33px;
margin-top:25px;}
#right_contenido_top{
position:relative;
float:left;
width: 613px;
height:73px;
background:
url(images/contenido_top.png) no-repeat;}
#right_contenido_midlle{
position:relative;
float:left;
width:612px;
height:100%;
}
[COLOR=#ff0000]#right_contenido_midlle_left{[/COLOR]
[COLOR=#ff0000] position:relative;[/COLOR]
[COLOR=#ff0000] float:left;[/COLOR]
[COLOR=#ff0000] width:26px;[/COLOR]
[COLOR=#008000] height:100%;[/COLOR]
[COLOR=#ff0000] background:url(images/contenido_middle_left.png) repeat-y;[/COLOR]
[COLOR=#ff0000] }
[/COLOR]
[COLOR=#ff0000][B]#right_contenido_midlle_middle{[/B][/COLOR]
[COLOR=#ff0000][B] position:relative;[/B][/COLOR]
[COLOR=#ff0000][B] float:left;[/B][/COLOR]
[COLOR=#ff0000][B] width:555px;[/B][/COLOR]
[COLOR=#ff0000][B] [/B][/COLOR][COLOR=#008000][B]height:auto;[/B][/COLOR]
[COLOR=#ff0000][B] background:#d8d6d6;}[/B][/COLOR][COLOR=#ffa07a]
[/COLOR]
[COLOR=#ff0000]#right_contenido_midlle_right{[/COLOR]
[COLOR=#ff0000] position:relative;[/COLOR]
[COLOR=#ff0000] float:right;[/COLOR]
[COLOR=#ff0000] width:31px;[/COLOR]
[COLOR=#ff0000] [/COLOR][COLOR=#008000]height:100%;[/COLOR]
[COLOR=#ff0000] background:url(images/contenido_middle_right.png) repeat-y;}[/COLOR]
#right_contenido_bottom{
position:relative;
float:left;
width:613px;
height:27px;
background:url(images/contenido_bottom.png) no-repeat;}Gracias!
