By jocrenalix on

HI All,

I had chosen the theme INTERNET_SERVICES and just upgraded to 4.7.4 today, but I noticed that my footer, when viewed through Internet Explorer, it repeats the last word. Please check this lilnk with IE: http://bkkthisweek.com. (The word "Reserved" is repeated) I checked the CSS and page.tpl.php and there seemed to be no problem, as far as I am concerned. Has anyone experienced this before? I like this theme and like that before I continue adding contents to it, I am sure that this problem will be solved. Has anyone encountered this before and offer solution? Thanks.......

⋅ Categories: Drupal 4.7.x

Comments

pan0s’s picture

pan0s commented

i came across this issue couple days ago....what i suggest you 2 do (hope that helps) is to open the page.tpl.php and locate where <?php print $footer ?> is and you wrap it with an extra div. For example if it is currently like this:

<div id="footer">
  
      <?php if ($footer_message) { ?> 
      <?php print $footer_message ?>
      <?php } ?>
      <?php print $closure ?>

</div>  <!--end footer-->

you ll have to change it to this (with no need to add a css style for the new div)

<div id="wrapfoot">

   <div id="footer">

        <?php if ($footer_message) { ?> 
        <?php print $footer_message ?>
        <?php } ?>
        <?php print $closure ?>

   </div>  <!--end footer-->

</div><!--wrapfoot-->

Im not sure whether this is a right and accepted workaround but the sure thing is that it worked for me....
ooohh and another thing .......IE sucks ;)

god bless Drupal
Panos

jocrenalix’s picture

jocrenalix commented

The warpfoot DIV removed the doubling word but it messed with the block at the right side, putting a small letter "t" (no idea where this letter is from) right below the last menu and stretching the block's gray background through to the left of the page. This is the link: http://www.bkkthisweek.com.

pan0s’s picture

pan0s commented

i just checked the site and there is a ' g ' at the end of the rightsidebar...which is the last letter of the shopping primary link,
try to wrap in the same way the 'right' div ..... or switch to another theme ;)

jocrenalix’s picture

jocrenalix commented

I tried the same thing to the right side menu and it worked just like the footer, but this time time, the footer disappeared. Well, I think i have to shift to another theme like what you are suggesting, if this issue is not resolved. Thanks for your suggestions....

cheers.

platform8-1’s picture

platform8-1 commented

I'm not sure if this is the cause in IE7, but in IE6, that bug is triggered by the html comments in between the divs. I know it sounds whack, but this is IE remember. Try remove the comments.

roleychiu’s picture

roleychiu commented

I am having the same problem and wrapping the footer works, but the problem moves to the last block of the right side blocks area. Is there a better fix for this?

roleychiu’s picture

roleychiu commented

I figured out the problem is with the Metadata at the bottom of each node. (i.e.: the commentslinks and the $submitted information. If you put a line break in between the $submitted and the $links calls, then it will solve it. The problem was that some of the metadata lists can get very long and will end up breaking your div max-widths.

  <?php if ($links) { ?>
	<span class="commentslink"><?php print $submitted?> <br>
  <?php print $links?></span> 
  <?php } ?>
roleychiu’s picture

roleychiu commented

Actually after further investigation, i found out the problem's source is the footer's CSS definition.

#footer { 
  display: block;
 clear:left; /* THIS is the source of the footer problem. To fix it: type clear:left; DO NOT clear:none; or float:left; */
  text-align: center;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  border-top: 1px solid #ccc;
  line-height: 1.8em;
}
mizengineer’s picture

mizengineer commented

@roleychiu: This was a lifesaver for me. Thanks so much for your CSS tip! Worked like a charm.