267076 - IMAGE inside DIV with style=float:left will add vertical space at the top of the Paragraph next to it

Status: RESOLVED INVALID

(Core :: Layout: Floats, defect)

Description

[Alain Zürcher]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.7) Gecko/20040803 Firefox/0.9.3
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.7) Gecko/20040803 Firefox/0.9.3

An IMAGE inside a DIV with "style=float:left" will add useless vertical space at
the top of the Paragraph next to it.

Reproducible: Always
Steps to Reproduce:
Go to http://chanteur.net/spectacles/20040918-Ambronay-AssumptaEstMaria.htm

Actual Results:  
There is a useless vertical space at the top of the paragraph at the right of
the photo

Expected Results:  
Display the usual vertical space of a P tag, as when there is no IMAGE, like on
http://chanteur.net/spectacles/20040919-Ambronay-Carissimi.htm

The .photo and P in princ.css read :

.photo {
	float : left;
	margin-right : 8px;
}
P {
	text-align : justify;
	margin-top : 0 em;
	margin-bottom : 0.5 em;
}

Comment 1

[Uri Bernstein]

The CSS is invalid: a space is not allowed between the length value and the unit
(such as "em").

Changing to:

P {
	text-align : justify;
	margin-top : 0em;
	margin-bottom : 0.5em;
}

Fixes the problem.

Comment 2

[Alain Zürcher]

Great! Thank you!