Sure,
The site: removed
- notice the header is the full width of the browser but the body is fixed. This is what I am trying to do in vB as well.
Here is the style sheet for my header.
Code:
.login a:link {
text-decoration: none;
color: #000000;
}
.login a:hover{
text-decoration: underline;
color: #9E3C00;
}
.login a:visited{
text-decoration: underline;
color: #000000;
}
a.news:link {
text-decoration: none;
color: #CC4700;
}
a.news:visited {
text-decoration: none;
color: #CC4700;
}
a.news:active {
text-decoration: none;
}
a.news:hover {
text-decoration: underline;
color: red;
}
#headertop {
position: relative;
height: 83px;
width: 100%;
background-color: #242424;
vertical-align:text-bottom;
background-image:url(images/header_top.png);
}
#headerbottom {
position: relative;
height: 42px;
width: 100%;
color: #B03C00;
font-weight: bold;
background-color: #121212;
background-image:url(images/header_bottom.png);
}
#jsddm
{ margin: 0;
padding: 0;
}
#jsddm li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial;
font-weight: bold;
}
#jsddm li a
{ display: block;
padding: 10px 12px;
text-decoration: none;
width: auto;
color: #000000;
white-space: nowrap;
z-index: 1;
}
#jsddm li a:hover
{ background: #B03C00;
z-index: 1;
}
#jsddm li ul
{ margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
z-index: 1;
}
#jsddm li ul li
{ float: none;
display: inline;
z-index: 1;
}
#jsddm li ul li a
{ width: auto;
background: #9F1B1B;
z-index: 1;
}
#jsddm li ul li a:hover
{ background: #7F1616;
z-index: 1;
}
And the forum that I am trying to fix is here: removed