Where is the extra vertical space coming from?

[Uncle Pirate]

Re: Where is the extra vertical space coming from? .. Revisited

boclair wrote:
[color=blue]
> Apologies for not following the progress of this thread but, as a non
> expert on CSS, I hope it is acceptable to reopen the discussion.[/color]

As the OP of the thread, I don't mind.
[color=blue]
>
> What I actually said was
> "The space is no doubt being generated by the top margin on first
> element after the two floats, H1. The floats need to be contained and
> the container needs sufficient height. What Mozilla is doing is correct
> I believe."
>
> No doubt I have used wrong terms but I did not have in mind a div
> wrapper with height declared. By "container" I meant "containing block";
> by "height" I meant height generated by inline-height; all as
> described in the Visual Formatting Model. Based on the float rules as
> set out, it does seem to me that how Mozilla (Foxfire) renders is
> logical. But I am wondering if I have misunderstood the Model.
>
> My conclusions, right or wrong, came in developing a solution for
> rendering a page heading the consisted of a left and a right floated object[/color]

Right or wrong, I've solved the problem temporarily with an unfloated
object just before the floated object and setting the other image as
page background which I may change to a div background with the div
containing the floated flags and the h1, which as you point out should
do what I want it to. You and Lauri have both helped me figure out more
about vertical spacing. I've run into several of what I thought were
oddities in how vertical spacing worked differently due to a border over
the years. This explains all those "oddities."
[color=blue]
>
> To demonstrate what I understand I have put up a few web pages,
> temporarily, borrowing some of the objects of Uncle Pirate's Abate page.[/color]

OK, just give 'em back when you're done. :)

Snipped lots to chew on.

--
Stan McCann "Uncle Pirate" http://stanmccann.us/pirate.html
Webmaster/Computer Center Manager, NMSU at Alamogordo
Coordinator, Tularosa Basin Chapter, ABATE of NM; AMA#758681; COBB
'94 1500 Vulcan (now wrecked) :( http://motorcyclefun.org/Dcp_2068c.jpg
A zest for living must include a willingness to die. - R.A. Heinlein

[boclair]

Re: Where is the extra vertical space coming from? .. Revisited

Lauri Raittila wrote:[color=blue]
> in comp.infosystem s.www.authoring.stylesheets, boclair wrote:
>
>[color=green]
>>It says in part "Vertical margins
>>between a floated box and any other box do not collapse."[/color]
>
>
> Correct. Neither body, any of divs or h1 is floated.
>
>[color=green]
>>There must be something else tucked away elsewhere.
>>
>>Would you expand on this please?[/color]
>
>
> Sorry, don't have energy. There is one very, very long thread findable
> using google about vertical margin, where I point it out very very
> clearly...[/color]

Having ploughed through umpteen ciwas articles I have at last got it (I
think).

http://www.boclair.com/test/abate6.php is the original
http://www.boclair.com/test/abate1.php with a 1px border declared on the
body. The rendering is now the same in Foxfire and IE6.

I am still struggling with understanding the whys but I'll get there.
From what I have read the border preserves the top margin. At the
moment I am assuming that, in that case, the root element is the
containing block; otherwise the containing block is the H1 element if it
has collapsed the body's top margin

Louise