Re: Gap In Float Layout

oopaevah (AT) yahoo (DOT) co.uk wrote:

This should only take a second for a clever person but can somebody
please explain why there is a gap at the top of this layout. You'll see
what I mean when you view it.

Add:

div#main p {
padding: 0.7em 0;
margin: 0 1em;
}
Adjust values to taste.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Great thanks.

Can you expain why the white gap appears?

The div#main has the purple background color, so why does the top
margin of the paragraphs within div#main affect the margin of div#main
and cause a white gap?

Jim Moe wrote:

oopaevah (AT) yahoo (DOT) co.uk wrote:
This should only take a second for a clever person but can somebody
please explain why there is a gap at the top of this layout. You'll see
what I mean when you view it.

Add:
div#main p {
padding: 0.7em 0;
margin: 0 1em;
}
Adjust values to taste.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

oopaevah (AT) yahoo (DOT) co.uk wrote:

Can you expain why the white gap appears?

No. I have seen an explanation but I do not remember it or where I saw it.

Another solution is to add border-top to div#main and give the border
the same color as the background.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)