Chris Akins wrote:
> url: www.springfieldmogov.org/elections/parks/projects.html

> Problem:   I'd like <div id="details"> to clear the "Thank You" 
> graphic which is floated left, residing in it's own <div 
> id="heading">.  But if I put a 'clear:left' on the 'details' div it 
> then clears the <div id="leftnav"> which holds the long parks image
> on the far left of the page.

Solution: isolate the #content from the rest of the page, so 'clear'
stays within it.

One solution, add/correct:

#content {float: left; margin: 0;}
#details {clear: left;}

...which will work.

----

I would normally use:

#content {height: 100%; display: table-cell;}
#details {clear: left;}

...but my Safari seems to be a bit "sensitive" to 'table-cell'. Don't 
know if that is fixed in the latest version.

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

Reply via email to