In IE6 on Win, when posting comments by a user who has an image, the new comments (grey bg) has the bg overlapping part of the comment below. When nested comments, it's all over the place. See at http://www.theseniorbachelor.com/test.html and also, I was trying to align the image to the right doing this 

.comment .picture, .comment-new .picture {
  border: 1px solid #fff;
  float: left;
  margin: 0.5em 0.5em 0.5em 0;
}

but that caused a whole slew of probs. Any thoughts?

Comments

RobRoy’s picture

RobRoy commented

should read float:right above

RobRoy’s picture

RobRoy commented

So I took out the "clear" span from node.tpl.php and comment.tpl.php and put a br clear all and the border doesn't stretch across the whole screen anymore. Something about the clear: both in the sytlesheet that screws it up. Gotta test a little more to see if this totally fixes it when I use float:right with the user pics.

<?php if ($picture): ?>
    <br clear="all" /><!-- instead of <span class="clear"></span> -->
  <?php endif; ?>
Steven’s picture

Steven commented

This is another instance of the classic Peekaboo bug. Google for that name to find a fix.

RobRoy’s picture

RobRoy commented

Anybody having the same problem with IE6, Peekaboo bug, wanting to align their user images right, and FriendsElectric, put something like this at the bottom of my style.css. Not sure if some of it is superflous (sp?) but I think it fixes it.

/* Hides from IE-mac \*/
* html .comment {height: 1%;}
/* End hide from IE-mac */

/* Hides from IE-mac \*/
* html .node {height: 1%;}
/* End hide from IE-mac */

.node .picture, .comment .picture {
  border: 1px solid #fff;
  float: right;
  margin: 0 0.5em 0.5em 0;
}