1149456 - adding 4em margin to BODY if child div contains only floating elements

Status: RESOLVED INCOMPLETE

(Core :: Layout, defect)

Description

[Cezary Wagner]

Attachment: Zrzut ekranu 2015-03-31 11.57.17.png

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:36.0) Gecko/20100101 Firefox/36.0
Build ID: 20150320202338

Steps to reproduce:

1. Paste html code into Firefox - see that body start not from 0 but from about 4em. Chrome renders it correctly.
2. Check that first page-top contains only floating elements.
3. Try to set min-height to 1em - what helps without reason - try to set to 0 to see problem.


Actual results:

1. Top margin to body is added without reason.


Expected results:

1. No margin added to body - top white margin should be not visible.

Comment 1

[Cezary Wagner]

Attachment: Zero height to float only container.

Comment 2

[Cezary Wagner]

Attachment: 1em set to float container - formatiing is normal

Comment 3

[Cezary Wagner]

Attachment: HTML for testing (original one generating bug)

Comment 4

[Boris Zbarsky [:bzbarsky]]

This needs the actual stylesheets involved, no?

Comment 5

[Cezary Wagner]

CSS is nothing special.

Top is div containing two floating - in Chrome is O.K.

Next is div with content (not floating).

I am not sure if it valid css but if it will not work I can send you valid css. I think that is last working.

Comment 6

[Boris Zbarsky [:bzbarsky]]

> CSS is nothing special.

The point is, the exact CSS matters.  Please attach it to this bug.

Comment 7

[Cezary Wagner]

Attachment: Probably CSS to use with HTML to generate bug.

Comment 8

[Cezary Wagner]

I send some CSS but not sure if it generate bug - it will be problem with CSS retrive since I am fixed it whatever you can learn problem root cause from screenshots

Comment 9

[Cezary Wagner]

page-top is container of floats. I fixed problem by converting one of float to normal and removing margin from other than float right it gives same layout but removing not need spacing body (unexcepted).

Comment 10

[Cezary Wagner]

Next time I will save page to not destroy invalid CSS but this time I was not done such thing.

Comment 11

[Boris Zbarsky [:bzbarsky]]

OK.  Applying that CSS to that HTML looks nothing like the attached screenshots, and doesn't have the 4em gap.

Please do reopen if there is a way to reproduce the problem at some point...