By ldop on

I have a project in Acta theme. All is working fine in FF and IE7. But in IE6 the right sidebar does not accept the styles (background images with rounded border) and in the bottom part of the page it goes under the content block. You can have a look on my test pages: http://www.imc.php5.cz/ .

Please help me to find where can be the problem.

⋅ Categories: Drupal 6.x

Comments

mdixoncm’s picture

mdixoncm commented

I don't have access to an IE machine at the moment - but just from a quick look, it might have something to do with having padding and width set on the #sidebar element (line 483), the box model in IE6 handles padding and widths differently from Firefox etc - so the element will end up being wider (203px width + 15px padding) than your expecting ...

Mike,
Computerminds offer Drupal development, consulting and training

Mike,
Computerminds offer Drupal development, consulting and training

lameei’s picture

lameei commented

change the width of the sidebar in ie-fix css. i've had such a problem with fourseasons theme. just change the width and clear the cache.

ldop’s picture

ldop commented

I can test it only tommorrow from another PC with IE6 in my office but I am not sure that this is my case. I know about the problems with sidebars but in my case the sidebar is shown in place until the last line of content, then it goes on the width of both blocks and my right sidebar does not react to e.g. background instruction in #sidebar. I think it is not because of width and padding problem. I enclose the sidebar styles.

/* Sidebar styles */
#sidebar {
  width: 203px;
  float: left;
  padding-right: 15px; /* padding + width = 220px */
}
#sidebar-inner {
  padding-right: 10px;
}
#sidebar-inner .block {
  margin: 12px 0 10px 0;
}
#sidebar-inner .block-top {
  background: url('images/ActaBlockTop.gif') top center no-repeat;
}
#sidebar-inner .block-top h2 {
  margin: 0 4px;
  padding: 7px 5px 3px 5px;
  border-bottom: 1px solid #D0E1FC;
}
#sidebar-inner .block-content {
  padding: 2px 12px;
  background: url('images/ActaBlockContent.gif') center repeat-y;
}
#sidebar-inner .block-bottom {
  background: url('images/ActaBlockBottom.gif') bottom center no-repeat;
  height: 9px;
  line-height: 9px;
}
#sidebar .item-list ul li { /* Standardize the display of menues */
  list-style-type: square;
  list-style-image: url(../../misc/menu-leaf.png);
  margin: 0 0 0.25em 0.5em;
  padding: 0;
}


But of course I will try to work with width and padding.

lameei’s picture

lameei commented

In my case, I've had a captcha module in sidebar, the width of the picture of the captcha was too big, with the help of community i changed it and vaiola! everything goes ok.

cazam’s picture

cazam commented

Hi there,

Hoping you can help - I have tired the fixes above to no avail. I use Drupal 6 Marinelli 1.9 and in IE6 the right sidebar comes down under the content on the homepage only. I have other pages where it appears fine.

I added to ie6.css float:right and that moved it over. But its still down low.
I tried changing the image widths in the sidebar but no luck.
I tired changing the sidebar width in the css and no luck.

I am going crazy, I know IE6 is evil but so many places use it. Evil Microsoft.

Please can anyone help me???

Thanks!
Carrie

lameei’s picture

lameei commented

Is you site online or not? if the answer is no then send me a picture of the frontpage and also one of other pages (IE6).

cazam’s picture

cazam commented

www.cazam.eu

Thanks!!!!!!!!!!!!!