363795 - Something's messed up with css and image positioning... I think

Status: RESOLVED DUPLICATE of bug 361581

(Firefox :: General, defect)

Description

[Chris Heath]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; chrome://navigator/locale/navigator.properties; rv:1.9a1) Gecko/20060902 Camino/1.2+
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; chrome://navigator/locale/navigator.properties; rv:1.9a1) Gecko/20060902 Camino/1.2+

In the most recent two nightly builds I've noticed that some images don't line up quite right.  Some (like the link provided to digg.com) are off to the right.  On digg, the number of diggs in the yellow box is off to the right (and you don't really notice it unless there's 4 or more digits of diggs.)  

I've used this example because you don't have to be logged into a site to view it, but there is (possibly a second) bug in the css/layout/positioning of images for digg when you are logged in, and on my wordpress 2.0 blog as well.

On the admin side of my wordpress 2.0 blog the 'view site' link at the top overlaps my site's name by a bit; it is supposed to be to the right just a bit.  The same thing happens at digg.com if you are logged in and view your history of diggs.  All the '+ MY#1' links are overlapping the end of the story title in the same way as on the wordpress admin page.  The image should be just a bit to the right.  In these instances there is a H2 or H3 tag surrounding the image and the text.  Both the image and the text are themselves links.  

Reproducible: Sometimes




I'm running in a new fresh profile created today to test this bug.  Verified the correct layout/positioning with camino.

Comment 1

[Chris Heath]

Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.9a1) Gecko/20061213 Minefield/3.0a1

forgot that i was using camino and the auto fill took that user agent info.

Comment 2

[philippe (part-time)]

Can you post a screenshot or two of what you see ?
The Digg page looks pretty much OK on my side. The numbers in those yellow boxes are slightly off to the right, but not much.
( I suspect the problem you see is due to known issues with text-align:justify on Mac Trunk builds, bug 361581).

Comment 3

[Chris Heath]

You might be right about this being related to the justify bug, but I'm not sure how to tell.

http://img327.imageshack.us/img327/2307/picture1mi2.png
a screen chop from the admin page of my blog


http://img327.imageshack.us/img327/6788/picture3gh0.png
a screen chop from digg 
(you can see the numbers off as well as the my#1 image)

Comment 4

[philippe (part-time)]

For the Digg page, I'm pretty sure these are the same problems handled in bug 361581.
The text (numbers) in the yellow box has some letter-spacing set, the headline also has some letter-spacing.
Not sure about the other screenshot, but it similarly looks familiar.

I'll mark it as depending on bug 361581 for now.

Comment 5

[Chris Heath]

the second is from the wordpress admin page header ... it has the name of your blog at the top left and "view site" just right of it

http://two.wordpress.com/style/screenshots/ss-1.png

Comment 6

[Phil Ringnalda (:philor)]

The WordPress thing is letter-spacing, too: it's <h1 style="font-size:2.5em;letter-spacing:-.05em">foo bar <span style="font-size:.4em;letter-spacing:0">baz quux</span></h1>. The letter-spacing allocates less space for the first part, but then it doesn't render in that reduced space.

*** This bug has been marked as a duplicate of 361581 ***