Faz algum tempo já que estou tentando estender o menu pelo site todo horizontalmente. Fiz o template pelo artisteer. Alguém tem alguma dica que possa ajudar?
.Estrutura do menu:
<div class="art-nav">
<div class="l"/>
<div class="r"/>
<div class="art-nav-center">
<ul class="art-menu">
.CSS:
div.art-nav-center {
float:right;
position:relative;
right:50%;
}
ul.art-menu {
float:left;
left:50%;
position:relative;
}
.firefox2 ul.art-menu {
float:none;
}
.art-menu {
padding-bottom:4px;
padding-left:4px;
padding-right:4px;
padding-top:4px;
}
.art-nav {
height:45px;
position:relative;
z-index:100;
}
.art-nav .l, .art-nav .r {
background-image:url(http://www.omega7.com.br/djwaltermanabu/templates/red/images/nav.png);
height:45px;
position:absolute;
top:0;
z-index:-1;
}
.art-nav .l {
left:0;
right:0;
}
.art-nav .r {
clip:rect(auto auto auto 892px);
right:0;
width:892px;
}
O corpo do site tem 900px. Queria estender o menu que esta dentro do corpo por toda a extensao horizontal da tela.
