I want the header and background to line up when the page is opened, my site is www.myspace.com/limodrivermusic I want it to work like this layout - www.myspace.com/fallujahbayarea - to lock the background and always have the header centered with the background even when you resize the browser window. (I realize that site has a diff kind of layout, in mine the bk is stationary while the header scrolls out of it).
I feel like this should be a simple tweak but I have been playing around with it and havent been able to get it to work right. The current code is as follows:
<style>
body {
background-color: rgb(000, 000, 000);
background-image:url("http://img.phot…
background-attachment: fixed;
background-position: center center;
background-repeat:no-repeat;
margin-top: 942px;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 0px;
border-color: rgb(102,102,102);
border-style: solid;
background-color: transparent;
}
table table table td {
background-color: rgb(000, 000, 000);
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;
}
table table table table td {
filter:none;
}
div.header1{
position: absolute;
left: 50%;
margin-left: -437px;
top: 0px;
border: none;
overflow: auto;
z-index: 1;
}
</style>
<div class="header1">
<img src="http://img.photobucket.com/albums/v… /></a>
</div>
<style>
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(255,255,255);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Georgia,sans-serif;
}
</style>
THANKS
I feel like this should be a simple tweak but I have been playing around with it and havent been able to get it to work right. The current code is as follows:
<style>
body {
background-color: rgb(000, 000, 000);
background-image:url("http://img.phot…
background-attachment: fixed;
background-position: center center;
background-repeat:no-repeat;
margin-top: 942px;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 0px;
border-color: rgb(102,102,102);
border-style: solid;
background-color: transparent;
}
table table table td {
background-color: rgb(000, 000, 000);
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;
}
table table table table td {
filter:none;
}
div.header1{
position: absolute;
left: 50%;
margin-left: -437px;
top: 0px;
border: none;
overflow: auto;
z-index: 1;
}
</style>
<div class="header1">
<img src="http://img.photobucket.com/albums/v… /></a>
</div>
<style>
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(255,255,255);
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Georgia,sans-serif;
}
</style>
THANKS