Tim,

> 
> #box { float: left; }  /* will ensure that the box 'shrink-wraps'
> around you content. */
> 
> #wrapper { overflow: auto; } /* will ensure that your float is
> contained */
> 
> #footer { clear: both; } /* will ensure that your footer clears the
> floated box */
> ______________________________________________________________________


Thank you SO much for your prompt reply and suggestions!  This works and I
never would have thought to do these things...

There is one additional problem now.  The portrait image box is aligned to
the left, not centered.  I can't really use margin:auto; for the #mainGal
div because I already have margin-left:185px to allow for the left nav, and
adding margin:auto; to the #box div doesn't change anything. 

Any suggestions on how to fix this last detail?  The client really wants the
photo box to be centered above the footer.  It was a big struggle for me to
get this far, but I have the one last hurdle to climb (of course, there's
still IE6, but I want everything to work in the compliant browsers first).  

Thanks,
Debbie


______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to