Results 1 to 4 of 4

Thread: IE 6 Problem

  1. #1
    Join Date
    Mar 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default IE 6 Problem

    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;
    }

  2. #2
    Join Date
    Sep 2008
    Location
    Seattle, WA
    Posts
    135
    Thanks
    1
    Thanked 11 Times in 11 Posts

    Default

    Add display: inline; to your columns (all 3, left right and center)and it should take care of it.

  3. #3
    Join Date
    Dec 2009
    Location
    North Carolina
    Posts
    71
    Thanks
    13
    Thanked 3 Times in 3 Posts

    Default

    I would try and help but I can't even view the site in IE6. I'm sure it's an issue on my end, been having internetz problems. Sorry.

  4. #4
    Join Date
    Aug 2009
    Posts
    92
    Thanks
    0
    Thanked 9 Times in 9 Posts

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •