Chris Morse wrote:

http://tvr.palindromesys.com/article.htm by scrolling all the way down to the bottom of the page. The headshot should be inside the silver box.

Simplest solution: float the silver box and give it full width. Floats
will expand to contain all floats that are placed inside them.

I guess 'float' confuses me in a broader sense as well.  For example,
my right sidebar on the same page is floated right. If I have another div (see the div with the 3px green board towards the top of the page) inside the same containing block as the sidebar which is not floated, the text plays nice by respecting the margins of the sidebar. However, if I am foolish enough to put a top and/or bottom border on this other div, the borders go all the way across the page. Is there a way to tell this other div to stop at the margins of the floated div? The only thing I have found that works is setting the padding on the right side of the div to be greater than the width of the sidebar, but this seems like a hack to me.

I'd go for floats once more, as float-layouts can give you exactly what
you want. What you have is a two-column with header and footer, which is
one of the simplest layouts to control with floats and negative margins.
See: <http://www.alistapart.com/articles/negativemargins/>

regards
        Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to