| Stormraven |
08-28-2009 04:34 AM |
Header Problem - Sorry Lynne
We are bringing a new version of my website out, but we are experiencing problems with the header. This is what the header is supposed to look like, although take no notice of the stuff thats out of line in the box on the right lol.
http://img6.imageshack.us/img6/5185/86124307.jpg
But this is what it looks like in IE8. I've outlined where the logo SHOULD be, but if you notice there is a weird white line where the arrow is pointing and there is no main logo like in FF. This is what it looks like in IE8:
http://img412.imageshack.us/img412/3513/89734873.gif
I've been trying to sort this for hours and hours and I really can't get it right now, its 6:29am and im still trying and very tired. It's only messed up in IE, every other browser is fine. Here is the CSS for that style:
Code:
body {
margin: auto 0;
width: 100%;
}
#top_bar {
background: transparent url(/images/prowebforums/misc/top_top_bg.png) left top repeat-x;
height: 37px;
}
#top_bar_news {
color: #7BBCC6;
}
#top_bar_news a {
color: #7BBCC6;
text-decoration: none;
}
#top_bar_news a:hover {
color: #7BBCC6;
text-decoration: underline;
}
#logo {
width: 386px;
background: transparent url(/images/prowebforums/misc/banner.png)top left no-repeat;
height: 110;
}
#logo_repeat {
background: transparent url(/images/prowebforums/misc/banner-repeat.gif) top repeat-x;
height: 110px;
margin-top: -110px;
}
#menu_repeat {
background: transparent url(/images/prowebforums/misc/navrepeat.gif) left top repeat-x;
height: 24px;
}
#menu_right {
background: transparent url(/images/prowebforums/misc/navigationrimg.gif) top right no-repeat;
position: relative;
float: right;
height: 24px;
width: 44px;
}
.navbr {
position: relative;
float: left;
}
.navigation {
color: #1d1d1d;
font-size: 10px;
font-weight: bold;
padding-left: 3px;
padding-right: 3px;
}
.navigation a {
color: #1d1d1d;
text-decoration: none;
}
.navigation a:hover {
color: #5897a1;
text-decoration: none;
}
#menu_shadow {
background: transparent url(/images/prowebforums/misc/menu_shaddow.gif) left top repeat-x;
height: 75px;
padding-bottom: -40px;
}
#copyright {
background: transparent url(/images/prowebforums/misc/footer.gif) bottom left repeat-x;
height: 111px;
}
#copyright_text {
text-align: left;
}
#user_box_container {
background: transparent url(/images/prowebforums/misc/usercp_box.gif) top right no-repeat;
height: 183px;
width: 213px;
position: relative;
float: right;
top: -100;
}
#user_box_user {
background: transparent url(/images/prowebforums/misc/username_cell.gif) no-repeat;
width: 200px;
height: 37px;
position: relative;
top: 13px;
right: -7px;
}
#mood {
background: transparent url(/images/prowebforums/misc/mood_cell.gif) no-repeat;
width: 201px;
height: 37px;
position: relative;
right: -6px;
top: 24px;
}
#new_pms {
background: transparent url(/images/prowebforums/misc/pm_cell.gif) no-repeat;
width: 201px;
height: 37px;
position: relative;
right: -7px;
top: 17px;
}
#total_pms {
background: transparent url(/images/prowebforums/misc/total_pm_cell.gif) no-repeat;
width: 201px;
height: 37px;
position: relative;
right: -7px;
top: 20px;
}
#margin {
margin-top: -40px;
}
.postinfo {
border-top: solid 1px #E2E2E2;
border-left: solid 1px #E2E2E2;
border-right: solid 1px #E2E2E2;
border-bottom: solid 1px #E2E2E2;
margin: 3px 5px;
padding: 2px;
color: #000000;
background: #ffffff;
font-size: 11px;
}
My URL is: www.webdevforumz.com. Please take a look, I really want to get this sorted. Also if you can see any errors in the CSS code above or any CSS thats not needed let me know, as I'm so tired.
Please help, ive been up for hours pondering how to get this fixed, and I think I've been looking for so long that I've over looked the problem :( |
More Information