Re: Block Box in Block Box ...

by "Donna Smillie" <dms(at)zetnet.co.uk>

Date:	Sat, 14 Jun 2003 12:40:34 +0100
To:	"John" <johnmoz(at)ozemail.com.au>, <hwg-techniques(at)hwg.org>
References:	apto
	todo: View Thread, Original

As I understand it, re your code example and question below, with the nested
DIV in place, the two SPAN elements could be considered to be contained
within a single anonymous block box.  Within that anonymous block box,
however, they still behave as inline elements.  For example (the dots are to
prevent code from being rendered by some email software):

<.div>
<.p>Block stuff here A<./p>
Inline stuff B
<.span>More inline stuff C<./span>
Yet more inline stuff D
<.p>Another contained block E<./p>
More inline stuff F
<./div>

This would result in the DIV containing - first, a P box containing content
A, then an anonymous block box containing content B, C and D, then another P
box containing E, then a final anonymous block box containing F.  The
content of the first anonymous block box will still behave in normal inline
fashion within that box.

Hope that makes sense?! :-)

Regards,
Donna
----- Original Message -----
From: "John" <johnmoz(at)ozemail.com.au>


> http://www.w3.org/TR/REC-CSS2/visuren.html#anonymous-block-level
>
> <html>
> <head>
> <style type="text/css">
> <!--
> div.one {background-color: "#ffcc00"}
> div.two {background-color: "#cccccc"}
> span.a {background-color: "#cc0000"}
> span.b {background-color: "#0000cc"}
> -->
> </style>
> </head>
> <body>
> <div class="one">
> <span class="a">This</span>
> <span class="b">This</span>
> <div>This make all block?</div>
> </div>
> <div class="two">Two</div>
> </body>
> </html>
>
> I expected that with "<div>This make all block?</div>" gone the two spans
> would remain on same line but with it added [as per the listing above],
and
> having read above included ref link, that the two spans wouldn't appear on
> the same line.
>
> What don't I know?

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.