For some reason the right column on my site will not show up in IE6. Everything is fine is IE7+/Firefox/Chrome/Safari. I wouldn't care except that some of the folks who'll be using it only have access to IE6.
Any suggestions on an easy fix?
http://www.ffkl.net/history
CSS
Code:body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; background-color: #26393d; font-size: small; } a { text-decoration: none; } a:link { color: #fffaef; } a:visited { color: #d0a825; } a:hover { color: #E8E595; text-decoration: underline; } h2{ border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #E8E595; font-style: italic; color: #FFFAE4; padding-top: 1px; } h3, h4{ color: #FFFAE4; } h5{ background-color: #26393d; margin-right: -10px; margin-left: -5px; padding-left: 5px; border-top-width: thin; border-bottom-width: thin; border-top-style: solid; border-bottom-style: solid; border-top-color: #E8E595; border-bottom-color: #E8E595; padding-top: 5px; padding-bottom: 5px; } li{ list-style-type: none; margin-left: -45px; color: #fffae4; } li a{ color: #fffaef; font-size: small; padding-left: 15px; } li a:hover{ font-weight: bold; } table { border: thick groove #E8E595; background-color: #939D9F; border-collapse: collapse; margin-bottom: 20px; } caption { padding-bottom: 5px; color: #FFFAE4; padding-top: 5px; } thead { background-color: #26393d; color: #FFFAE4; } th { background-color: #26393d; color: #FFFAE4; } tr { border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #E8E595; } td{ padding-right: 10px; padding-left: 10px; } #maincontainer{ width: 1028px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ background-color: #939D9F; border-right-width: medium; border-left-width: medium; border-right-style: double; border-left-style: double; border-right-color: #E8E595; border-left-color: #E8E595; background-image: url(images/containerbg.png); background-repeat: repeat-x; } #topsection{ height: 135px; background-image: url(images/topbanner.png); background-position: center center; } #topsection img{ position: relative; left: 454px; top: 15px; } #subheader{ height: 65px; background-image: url(images/subheaderbg.png); border-top-width: thin; border-bottom-width: thin; border-top-style: solid; border-bottom-style: solid; border-top-color: #E8E595; border-bottom-color: #E8E595; } #subheader img{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 4px; } #contentwrapper{ float: left; width: 100%; } #contentcolumn{ margin: 0px 225px 0px 180px; } .founders li{ color: #000000; } .founders { text-align: center; width: 50%; margin-right: auto; margin-left: auto; background-color: #E8E595; border: thin solid #44301b; } #leftcolumn{ float: left; width: 180px; /*Width of left column in pixel*/ margin-left: -1028px; background-image: url(images/leftnavbg.png); background-repeat: repeat-y; border-right-width: thin; border-right-style: solid; border-right-color: #e8e595; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #E8E595; } #rightcolumn{ float: left; width: 225px; /*Width of right column*/ margin-left: -226px; font-size: x-small; border-left-width: thin; border-left-style: solid; border-left-color: #E8E595; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #E8E595; } #rightcolumn p:first-letter { font-size: small; font-weight: bold; } #rightcolumn img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 15px; padding-bottom: 5px; } dl, blockquote { font-style: italic; border: 3px groove #26393D; background-color: #E8E595; padding: 5px; } .source { text-align: right; font-style: normal; } #footer{ clear: left; width: 100%; color: #FFF; text-align: center; border-top-width: medium; border-bottom-width: medium; border-top-style: double; border-bottom-style: double; border-top-color: #E8E595; border-bottom-color: #E8E595; font-size: x-small; background-image: url(images/footerbg.png); height: 100px; padding-right: 0; padding-left: 0; background-color: #40627C; } #footer img{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 5px; } .odd { background-color: #cfd8de; } .round { -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; -moz-border-radius-bottomright: 50px; -webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; border: thin solid #E8E595; width: 450px; margin-left: 75px; background-color: #40627c; } .round2 { -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; -moz-border-radius-bottomright: 50px; -webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; border: thin solid #E8E595; width: 550px; margin-left: 30px; background-color: #40627c; } .round3 { -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomleft: 50px; -moz-border-radius-bottomright: 50px; -webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; border: thin solid #E8E595; width: 550px; margin-left: 20px; background-color: #40627c; } .innertube{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; } /* ######### CSS for Shade Tabs. ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Arial; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 3px; border: 1px solid #E8E595; color: #FFFAE4; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; background-color: #26393D; } .shadetabs li a.selected{ /*selected main tab style */ border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; } @media print { display:block !important; }



Reply With Quote


Bookmarks