CSS Problem? Header shows in Firefox but not in IE <SOLVE
Posted: Thu Jun 21, 2007 8:12 amOkay... I'm pretty sure this is a CSS thing, but I'm hoping someone here can point me in the right direction since I'm not sure how to fix the issue.
It's simply a repeatable jpeg image at the top of the site. It displays perfectly in Firefox, but will not display in IE.
Here is the link to my site -> [url=http]Witch Hammer[/url]
Here is my current CSS code:
Here is the specific section where the Background in question is:
Thanks in advance for the help,
It's simply a repeatable jpeg image at the top of the site. It displays perfectly in Firefox, but will not display in IE.
Here is the link to my site -> [url=http]Witch Hammer[/url]
Here is my current CSS code:
- Code: Select all
/* The content of the posts (body of text) */body{background:#1D1E20;color:#CCCCCC;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;scrollbar-3dlight-color:#d1d7dc;scrollbar-arrow-color:#006699;scrollbar-darkshadow-color:#98aab1;scrollbar-face-color:#dee3e7;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#dee3e7;scrollbar-track-color:#efefef} /* General font families for common tags */font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif} /* General text */.gensmall{font-size:10px}.copyright{font-size:10px}td.genmed,.genmed{font-size:11px}.explaintitle{font-size:11px;font-weight:bold;color:#5c81b1} /* General page style */a:link,a:active,a:visited,a.postlink{color:#CCCCCC;text-decoration:none}a:hover{color:FFFFFF;text-decoration:none} /* titles for the topics:could specify viewed link color too */.topictitle{font-size:11px;font-weight:bold}a.topictitle:visited{color:#CCCCCC}a.topictitle:hover{color:#FFFFFF} /* Name of poster in viewmsg.php and viewtopic.php and other places */.name{font-size:11px;font-weight: bold} hr{border: 0px solid #6C6D6D;border-top-width:1px;height:0px} /* Category gradients*/td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom{font-weight:bold;letter-spacing:1px;color:#CCCCCC;background:#404040 url(images/blue/cellpic1.gif);height:29px;text-indent:4px} /* Main table cell colors and backgrounds */.row1{background:#1D1E20}.row2,.helpline{background:#222325}.row3{background:#222325}.row4{background:#383838}td.spacerow{background:#1A1A1A} /* This is for the table cell above the Topics,Post & Last posts on the index.php */td.rowpic{background:url(images/blue/cellpic2.jpg) #3A3A3A repeat-y} /* Table Header cells */th{background:#3A3A3A url(images/blue/cellpic3.gif);color:#CCCCCC;font-size:11px;font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px} /* This is the border line & background color round the entire page */.bodyline{background:#000000;border:1px solid #c1bf05} /* This is the outline round the main forum tables */.forumline{background:#6C6D6D;border:1px solid #6C6D6D} /* The largest text used in the index page title and toptic title etc. */.maintitle,h1{font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#CCCCCC} .subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none} /* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */.nav{font-size:11px;font-weight:bold}.postbody{font-size:12px;line-height:125%} /* Location,number of posts,post date etc */.postdetails{font-size:10px;color:#6C6D6D} /* Quote blocks */.quotetitle,.quote {color:#868686;font-size:11px;border: 1px solid #a4bad2;padding:2px 2px 3px 3px}.quotetitle {background:#3D3D3D;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}.quote {background:#6C6D6D;border-top-width:0;color:#FF2900;font-size:11px;margin:0 20px 10px 20px}.quote {overflow:auto;height:40px} /* Code blocks */.codetitle,.code {border:1px solid #a4bad2;padding:2px 2px 3px 3px}.codetitle {font-size:11px;background: #d8dfe4;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}.code {background:#3D3D3D;border-top-width:0;color:#555;font:13px Courier,'Courier New',sans-serif;margin:0 20px 0 20px;line-height:110%}.code {overflow:auto;height:40px}.code {color:#060} /* PHP blocks */.phptitle,.php {border:1px solid #a4bad2;padding:2px 2px 3px 3px}.phptitle {font-size:11px;background: #d8dfe4;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}.php {background:#3D3D3D;border-top-width:0;color:#555;font:13px Courier,'Courier New',sans-serif;margin:0 20px 0 20px;line-height:110%}.php {overflow:auto;height:40px}.php {color:#060} /* This is for the error messages that pop up */.errorline{background:#add8e6;border:1px solid #CCCCCC} /* Form elements */form{display:inline} input{font:11px Verdana,Arial,Helvetica,sans-serif} select{background:#6C6D6D;font:11px Verdana,Arial,Helvetica,sans-serif} input.post,textarea.post{background:#6C6D6D;border:1px solid #56575B;font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px} input.button,input.liteoption,.fakebut{border:1px solid #CCCCCC;background:#6C6D6D;font-size:11px}input.catbutton{border:1px solid #CCCCCC;background:#6C6D6D;font-size:10px}input.mainoption{border:1px solid #CCCCCC;background:#6C6D6D;font-size:11px;font-weight:bold} a.but,a.but:hover,a.but:visited{color:#FFFFFF;text-decoration:none} /* This is the line in the posting page which shows the rolloverhelp line. Color value in row2 */.helpline{border:0 solid;font-size:10px} /*-- mod : profile cp --*/.foundercolor, a.foundercolor, a.foundercolor:link, a.foundercolor:active, a.foundercolor:visited { color: #FF0000; font-weight: bold;}a.foundercolor:hover { color: #FF0000; text-decoration: underline;}.jadmincolor, a.jadmincolor, a.jadmincolor:link, a.jadmincolor:active, a.jadmincolor:visited { color: #129DED; font-weight: bold;}a.jadmincolor:hover { color: #129DED; text-decoration: underline;}.admincolor, a.admincolor, a.admincolor:link, a.admincolor:active, a.admincolor:visited { color: #FFA34F; font-weight: bold;}a.admincolor:hover { color: #FF0000; text-decoration: underline;} .modcolor, a.modcolor, a.modcolor:link, a.modcolor:active, a.modcolor:visited { color: #029202; font-weight: bold;}a.modcolor:hover { color: #01b801; text-decoration: underline;} .usercolor, a.usercolor, a.usercolor:link, a.usercolor:active, a.usercolor:visited { color : #FFFFFF; font-weight: bold;}a.usercolor:hover { color: #DD6900; text-decoration: underline;}/*-- fin mod : profile cp --*/ /* This is the gradient background at the top of the page */.header{background: #000000 url(images/blue/page-bg-top.jpg)top left repeat-x;}.topnav{font-size:10px;background: #82BBEB url(images/blue/cellpic_nav.gif) repeat-x;height:28px;} /* Admin & Moderator Colors MODification */.admin,.mod{font-size:11px;font-weight:bold}.admin,a.admin,a.admin:visited{color:#ff0000}.mod,a.mod,a.mod:visited{color:#006600}a.admin:hover,a.mod:hover{color:#CCCCCC} /* Specify the space around images */.imgtopic,.imgicon{margin-left:3px}.imgspace{margin-left:1px;margin-right:2px}.imgfolder{margin:1px 4px 1px 4px} /* Gets rid of the need for border="0" on hyperlinked images */img{border:0 solid} abbr, acronym { font-weight: bold; text-decoration: overline; cursor: help;} .acronym{background:#FFFFCC} .alert{color:#FF3300} /* Mighty Gorgon - Full Album Pack - BEGIN */.forumline_left { background-color: {T_TD_COLOR2}; border-bottom: 2px {T_TH_COLOR2} solid; border-left: 2px {T_TH_COLOR2} solid;} .tab_links, a.tab_links:hover, a.tab_links:link, a.tab_links:active, a.tab_links:visited { font-size: 11px; color: #FF8866; text-decoration: none;} .tab_links_unsel, a.tab_links_unsel:hover, a.tab_links_unsel:link, a.tab_links_unsel:active, a.tab_links_unsel:visited { font-size: 11px; color: #FFFFAA; text-decoration: none;} a.tab_links:hover, a.tab_links_unsel:hover { text-decoration: underline;} .font-family, th.tab_headers { color: #FF8866; font-size: 11px; font-weight : bold; padding-left: 4px; padding-right: 8px; border: #003366; border-style: solid; border-width: 1px 1px 0px 1px; background-color: #006699;} .font-family, th.tab_headers_unsel { color: #FFFFAA; font-size: 11px; font-weight : bold; padding-left: 4px; padding-right: 8px; border: #336699; border-style: solid; border-width: 1px 1px 0px 1px; background-color: #6699AA;} .tab_border { background-color: #888888; border: 1px;} .filler, th.filler { background-color:#6699AA; background-image:none;} .picframe{ display: block; background-color: #FFFFFF; border: 1px solid #555555; padding: 2px 6px 2px 6px; position: relative; bottom: 2px; right: 2px;} .picshadow{ background-color: #888888; color: inherit; margin-left: 4px; margin-top: 4px;}/* Mighty Gorgon - Full Album Pack - END */ .date-today, .last-post b { color: #E61A1A; font-weight: bold; }.date-yesterday, .last-post em { color: #18C935; font-weight: bold; font-style: italic; } /* Background images for tables */.tbl{border-collapse:collapse;height:4px;width:100%}.tbll{background: url(images/blue/tb4_l.gif) no-repeat;width:8px}.tblbot{background: url(images/blue/tb4_m.gif) repeat-x;width:100%}.tblr{background: url(images/blue/tb4_r.gif) no-repeat;width:8px} /* Nav bar images */.hdr_left{ background: url(images/blue/navtr.gif) top left no-repeat;}.hdr_right{ background: url(images/blue/navtl.gif) top right no-repeat;}.ftr_left{ background: url(images/blue/navbr.gif) top left no-repeat;}.ftr_right{ background: url(images/blue/navbl.gif) top right no-repeat;}
Here is the specific section where the Background in question is:
- Code: Select all
/* This is the gradient background at the top of the page */.header{background: #000000 url(images/blue/page-bg-top.jpg)top left repeat-x;}.topnav{font-size:10px;background: #82BBEB url(images/blue/cellpic_nav.gif) repeat-x;height:28px;}
Thanks in advance for the help,