Hi,

I'm not sure if it's just me. But the right sidebar seems to be squashed to the bottom of the left sidebar when theme is viewed in Internet Explorer 6. It looks fine with Firefox.

Appreciate any help here. Thanks for the great theme, anyway.

Comments

ancym’s picture

IE6 is also having trouble with the sidebars on my site. There is nothing displayed on the side of the content region at all - no sidebars, and part of one of the right sidebar blocks is being displayed under the content. I am using the sidebar top block (which is my favorite thing about this theme). The blocks that are meant to be displayed in this region are not showing up at all in IE6. I also have blocks set for the left sidebar that are not being displayed.

I am using Drupal 5.7, everything is fine in Firefox (& other browsers, Safari, etc).

Any suggestions?

Ditto to raizan - very nice theme. Thanks for any help.

Janne’s picture

Not sure how helpful this is, but it works just fine for me in IE7, so I'd recommend you try an upgrade.

dhales88’s picture

ZugGaming.com (features theme)

Solution:

Here's a list of the changes I made to the CSS to work around it.

1) change...

#rightcol {
width: 182px;
margin: 50px;
padding-left: 10px;
background: #fff;
float: left;

to this...

(div)
#rightcol {
width: 182px;
margin: 50px;
padding-left: 0px;
background: #fff;
float: right;

(/div)

Note: obviously you need to bracket the divs, used parenthesis so they will show up in this post

2) change...

#leftcol {
width: 182px;
margin-top: 10px;
padding-right: 10px;
background: #fff;
float: left;

to this....

#leftcol {
width: 182px;
margin-top: 10px;
padding-right: 30px;
background: #fff;
float: left;

3) Also, I removed the background image from
#bothcolscontent and
#bothcols

I'm still attempting to work these images back in, but I think adding a div to the rightcol messed some things up.

On a side note, I've made a lot of changes to the CSS in the past 24 hours trying to get this to work...so If I missed some change in the code my apologies, here's my entire CSS file below.

/* SEO Position Theme (Drupal 5 Edition) */
/* Designed by SEO Position and Blamcast */

* { margin: 0; padding: 0; }

body {
background: #aaa url(bg.png) repeat-y scroll center top;
font-family: verdana,arial,sans-serif;
color: #555;
}

a, a:visited { border-bottom: 1px dotted #006286; color: #006286; text-decoration: none; }
a:active, a:hover { border-bottom:1px solid #414141; color:#994D00; text-decoration:none; }
p { margin-bottom: 1em; }
h1, h2, h3, h4 { font-weight: normal; }

table {
margin: 2px 0 10px 0;
font-size: 0.9em; letter-spacing: -1px;
text-align: left;
line-height: 1.3em;
}
td { padding: 0px 3px 2px 3px; }

#container {
width: 980px;
margin: auto;
position: relative;
background: #aaa url(insidebg.png) repeat-y scroll center top;
}

#main {
width: 960px;
padding-top: 182px;
line-height:1.25em;
}

#header {
background: #444 url(header.jpg) no-repeat center;
height: 147px; width: 936px;
font-family: helvetica,verdana,arial,sans-serif;
color: #fff;
position: absolute;
top: 0px; left: 22px;
}

#header h1 { padding: 22px 12px 0.2em 12px; font-size: 1.8em; line-height: 1em; }
#header h2 { padding: 0.2em 13px; font-size: 0.7em; }

#nav {
background: url(nav.png) no-repeat;
font-family: helvetica,verdana,arial,sans-serif;
position: absolute;
height: 37px;
width: 938px;
top: 149px; left: 22px;
padding-left: 10px;
font-size: 17px;
}

#nav ul { list-style-type: none; }
#nav li { float: left; padding: 0; margin-right:5px;}

#nav a {
display: block;
padding: 3px 10px 2px 10px;
color: #fff;
border-left: 1px dashed #484848; border-right: 1px dashed #484848; border-bottom: 0;
}

#nav a:hover, #nav a.active { background: url(tabbg.png) repeat-x; }

#content {
width: 529px;
padding: 12px 12px 0 22px;
font-size: 0.75em;
float: left;
}

#content h2 {
color: #006286;
font-size: 1.8em;
font-family: helvetica,verdana,arial,sans-serif;
line-height: 1em;
padding-bottom: 0.1em;
margin-bottom: 0.5em;
border-bottom: 2px solid #414141;
}

#content h2 a {
border-bottom: none;
}

#content .meta {
border-bottom:1px solid #414141;
border-top:1px dashed #414141;
clear:both;
font-size:0.9em;
margin:2em 0pt;
padding:0.2em 0pt 0.3em;
text-align: center;
text-transform:uppercase;
}

#content ul.tabs {
padding: 0 0 0 10px;
margin: 0 0 10px 0;
}

#content ul.tabs li {
background: none;
margin: 0;
padding: 0;
}

#content ul { list-style-type: none; padding-bottom: 5px; }

#content li {
background: url(arrow.gif) left 0.5em no-repeat;
padding-left: 16px;
margin: 0px 20px 5px 10px;
text-align: left;
list-style-type: none;
}
#content ul.links.inline { padding-left: 10px; }
#content .meta .links.inline { padding: 0; margin: 0;}

#content .links.inline li, #content ul.links li, #comments .links li {
background: none;
list-style-type: none;
list-style-image: none;
margin: 0; padding: 0;
}

#content ul.links.inline li.node_read_more {
background: url(page.gif) left 0.25em no-repeat;
padding-left: 13px;
}

#content table ul.links li { background: none; }

#mission {
width: 529px;
background: url(missiontop.png) no-repeat;
margin-bottom: 15px;
}

#mission h2 {
margin-bottom: 0.3em;
font-family: helvetica,arial,sans-serif;
font-size: 1.6em;
color: #555;
border: 0;
}

#missioncontent {
width: 493px;
background: url(missionbottom.png) bottom no-repeat;
text-align: left;
min-height: 61px;;
height: auto !important;
height: 61px; /* fix ie6 */
padding: 14px 18px 14px 18px;
}

#sidebar {
width: 385px;
float: left;
padding-top: 17px;
margin: 0 0 10px 9px;
font-size: 0.7em;
font-family: verdana,arial,sans-serif;
background: #fff;
border-bottom: 1px solid #ddd;
}

#sidebar .block { margin-bottom: 20px; }
#bothcolscontent .block { margin-bottom: 0; }

#leftcol .block h2, #rightcol .block h2 {
padding: 1px 6px;
background-color:#999;
color: #fff;
font-size: 1.1em;
text-transform:uppercase;
border-bottom: 2px solid #555;
margin-bottom: 0.5em;
}

#sidebar ul.menu {
background: #eee;
list-style-type: none;
padding: 5px;
}

#sidebar ul.menu ul { padding: 0; }

#sidebar ul.menu li {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
}

#sidebar ul.menu li a {
display: block;
border: 0;
padding: 0 2px;
}

* html #sidebar ul.menu li a { height: 20px; } /* fix ie6 */

#sidebar ul.menu ul li a { padding-left: 0.5em; }
#sidebar li a:hover { background: #fff; }

#bothcols {
width: 385px;
float: left;
}

#bothcolscontent {
width: 361px;
padding: 12px 12px 1px 12px;
text-align: left;
min-height: 90px;
height: auto !important;
height: 90px; /* fix ie6 */
}

#bothcolscontent h2 {
background: none;
color: #000;
font-size: 1.7em;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 0.5em;
font-family: helvetica,verdana,arial,sans-serif;
}

#leftcol {
width: 182px;
margin-top: 10px;
padding-right: 30px;
background: #fff;
float: left;
}

#rightcol {
width: 182px;
margin: 50px;
padding-left: 0px;
background: #fff;
float: right;

}

#footer {
background: url(footer2.png);
clear: both;
width: 934px;
padding-top: 1em;
margin: 12px 23px 0px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
font-size: 0.7em;
text-align: center;
}

#footershim {
height: 10px;
background: url(footer.png) repeat-y;
}

.comment {
background-color: #ececec;
padding: 10px;
}

.commentfooter {
background: url(commentarrow.gif) no-repeat 20px 0;
color:#4a4a4a;
font-size: 0.9em;
margin-bottom: 2em;
padding-left: 58px;
padding-top: 1px;
}

.breadcrumb { margin-top: 5px; }

.pager { padding-bottom: 10px; }
.pager a, .pager strong.pager-current {
margin: 0px 0.25em;
padding: 2px 5px;
border: 1px solid #90C2E1;
background: #dfedf7;
}
.pager a:hover { background: #eef7fc; }
.pager strong.pager-current { background: #0174bb; color: #fff; }

#content li.leaf { list-style-image: none; padding-left: 17px; background: url(arrow.gif) left 0.75em no-repeat; }
.admin { font-size: 0.9em; text-align: left; }
.admin h3 { font-weight: bold; }
div.admin .left { width: 49%; margin: 0; }
div.admin .right { width: 49%; margin: 0; }

.item-list ul li { margin: 0 0.5em 0.25em 0.5em; }

#first-time strong {
padding: 0;
}