Hi, all --

I did check the last few months of list archives and didn't see this
addressed; my apologies if it has been and I missed it.

div#siteTools (site map, contact, etc) should appear right-aligned under
the nav on each page. div#crumbs (the breadcrumbs, which display on pretty
much every page but the homepage) should appear left-aligned on that same
line.

This works in FF2 and IE6/7 (and IIRC, tested fine in FF1.5 and Safari/Mac
in mid-2007). In FF3.0.1 and Safari 3.1.2 (Win/Mac in both cases), the
site tools only move as far to the right as they're pushed by content to
the left of it.

Examples
w/o breadcrumbs: http://www.co-opinsurance.com
with breadcrumbs: http://www.co-opinsurance.com/u/index.html

Relevant CSS:
/* container for secondary and tertiary nav and breadcrumbs + tools */

 div#nav { width: 750px; float: left; clear: both; color: #000;
background-color: #fff; }

  div#crumbs { float: left; background-color: #fff; margin: 3px 0 0;
padding: 1px; border: 1px solid #eec; }

   div#siteTools { float: right; /* height: 35px; */ margin: 5px 0 2px;
padding: 0px; font-family: Arial, sans-serif; }

     #siteTools ul { margin: 0; padding: 0 0; }

      #siteTools li { display: inline; padding: 2px 0 0 14px; }

/* end nav div */

I discovered the FF issue on Friday and thought it might be a browser
issue, but having found the same behavior in Safari today, now I wonder
whether there's an error in the CSS. Either way, I'd be grateful for any
advice you can offer to address this problem.

Thanks,
Tina


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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