217515 - img Tag with align="left" causes error while laying on div

Status: RESOLVED DUPLICATE of bug 22431

(Core :: Layout, defect)

Description

[Jan Hagge]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4b) Gecko/20030507
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.4b) Gecko/20030507

First click photos and  Archiv.
Here u can see that every second image is not on the div tag. its only if i
write align="left" in the img tag.
I am sorry for my bad english. I come from germany.

Reproducible: Always

Steps to Reproduce:
1.
2.
3.



Expected Results:  
If you're using IE or Opera you can visit the page with that browsers.
I want that every image is laying in the div tag on the left side.

Comment 1

[Daniel Wang]

Given the recent surge of bug report to the wrong component, I'm marking these
as INVALID. reporter, please read
http://www.mozilla.org/quality/bug-writing-guidelines.html before filing a bug
report.

Comment 2

[Jan Hagge]

Hej I am sorry. The first time i missunderstood the settings.
Now i tried do do browser:browser-general, not mozilla.org:misc.
But i did not found browser-general. So i took Misc again.

Comment 3

[Daniel Wang]

.

Comment 4

[Andrew Schultz]

I don't see any images except for the background image.
a screenshot of expected behavior might help

Comment 5

[Jan Hagge]

ok i made some screenshots.
http://www.n-try.de/mo_bug/opera.jpg << how its looks in Opera and IE
http://www.n-try.de/mo_bug/mozilla.jpg << how its looks in Mozilla
------------------------
And once again the way to the Bug:
http://www.wullenwever.de/springer-kennel/?css=lilie
than click: "photos" (on top of the page) >> "Archiv" (on the left site)
------------------------
if you dont see anything again, i could send you the html source.

Comment 6

[Andrew Schultz]

float are not used in the calculation of the containing block, so (in this
case), the images overflow the div and stack left-to-right.

Mozilla's behavior is correct.

dupe of "[FLOAT] floating paragraph within DIV overflows DIV"

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

Comment 7

[Jan Hagge]

But why is the Bug only on every second div? And why does it work in IE amd 
Opera? Is it a Bug of Mozilla or of my Soucecode?

Comment 8

[Andrew Schultz]

> But why is the Bug only on every second div? And why does it work in IE amd 
> Opera? Is it a Bug of Mozilla or of my Soucecode?

It's a bug in Opera and IE.
http://www.w3.org/TR/REC-CSS2/visudet.html#q17

Comment 9

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Note that IE/Windows has a bug where it treats blocks that have 'width' or
'height' specified very differently from other blocks as far as containment of
floats goes (and generally less correctly).

Comment 10

[Jan Hagge]

So ok. I understand the problem, but untill now i didn't really find any 
solution for my problem. And the layout of the photo archiv isn't very 
beautiful. Maybe you can tell me (in some simple words ;-) cause i am german) 
what i can do that Mozilla would show the photoarchiv as it should be. is it the 
wrong overflow?