Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.In Firefox 3.0.1 (and Flock 2.0) the comment body does not assume the full width available, causing a problem when the comment text is short and does not force the block to its maximum width. This problem does not exist in IE7.
Also, in Firefox the user picture div is forced above the comment text when the comment text becomes wide enough. This results in the uneven left margin. IE7 maintains the user picture div on the left side for all comments.
Attached is a screenshot showing the problem, as well as a screenshot from IE7 where there the display is more consistent.
| Comment | File | Size | Author |
|---|---|---|---|
| Blueprint Comments in IE7 (png) | 29 KB | dale42 | |
| Blueprint Comments in Firefox3.0.1 (png) | 22.36 KB | dale42 |
Comments
Comment #1
lennart commentedI can confirm exactly this problem.
Comment #2
drew reece commentedIs the picture div forced above the comment text or is is simply collapsing down to a single space? The template.php inserts a non breaking space. Can you try specifying a default image (in admin/user/settings) for the user picture and see if it still collapses. It may be a workaround.
Comment #3
designerbrent commentedThe comments probably need to be given a span-x? That could get complicated, however. I wonder what other options we have.
I can confirm that this is a problem in Safari as well.
Comment #4
designerbrent commentedComment #5
metastate commentedI can confirm this is happening in Firefox 3 and Safari 4. Pretty sure the problem is that div.comment-content floats left but has no width.
If you override the CSS to float:none the problem goes away. In my case I am using user pictures though, so having them disabled might throw off the layout, I'm not sure.
Comment #6
designerbrent commentedThis is now fixed in the 2.x dev branch. I'd be happy to commit a patch if someone wants to create one for the 1.x branch. The changes for this commit are here: http://drupal.org/cvs?commit=344618