Tengo un menú en un div y el fondo del menú en otro. Me gustaría que tuviesen el mismo tamaño, ya que el menú varia su tamaño según el idioma.
He probado con javascript pero no hace nada.
Código:
$(document).ready(function () {
tamanoMenu();
});
function activarMenu(opcio) {
$('#Mnu' + opcio).addClass("active");
}
function tamanoMenu(){
var d = $('#menu').width();//).css('width');
$('#fondomenu').width(d);//.css('width',d+'px');
//alert (d);
}
El css:
Código:
#fondoMenu {
position:absolute;
height: 40px;
width: 724px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
opacity: .29;
-moz-opacity: .29;
filter:alpha(opacity=29);
z-index:1;
top: 45px;
right: 100px;
background-image: url(../images/fondoMenu.jpg);
background-repeat: repeat-x;
}
#menu{
float:right;
margin-top:30px;
position:absolute;
top: 25px;
right: 100px;
z-index:10;
}
Tengo que darle un tamaño inicial al fondo o no se muestra.
Puede que haya otro modo de hacerlo, ustedes dirán.