ansaurus

Question

Doctype html issue

Answer 1

+1 A:

I'm not sure what else you may be doing with the page, but adjusting the paragraph height will correct the output.

div p{ height: 100%; }

Zurahn 2010-01-01 07:39:49

Answer 2

A:

As Zurahn wrote, setting the height of p will solve the problem.

To understand this (and arrive at other variations that might better serve you): 1. The image is natively 311 x 137 2. Because the p has no height, the image can figure out the width, but not the height, of the bounding element (the p). 3. The image therefore becomes as large as the width, and scales the image - creating a height of 219px 4. The p in turn then stretches to fit the image. 5. Giving a height to the p allows the image to know the height it should be getting 100% of. It can then scale the image accordingly. ouch, that was not written so well:

But now the q is - why doesn't it get the height from its ancestor - the same way that it got the width from the ancestor?

And the answer to that has to do with the way height is mangled by the browser, which in turn has to do with the allowances given by the browser for things overflowing to the height before allowing an overflow to the width.

SamGoody 2010-01-01 08:39:34

Answer 3

A:

Thanks, but setting the p to 100% isn't possible because the editor gives you a p tag for each new line. I guess I'll have to live with it.

THanks

Chris isl 2010-01-01 15:25:36

ansaurus

tags:

views:

answers:

Doctype html issue

related questions