Philippe wrote:
> Without a height declared, it is very hard to do (and in your case,
> you can't declare a height). You might want to try:
* html>body #logo {top: 100%; bottom:auto}
>
> that serves it only to IE mac.
In case you don't want to hack it into IE/Mac...
Never mind the height of that column. It'll always be "full height" the
way your layout works, so you can position from the bottom of the page.
You have a 'clearer' div near the very bottom of the source-code, so you
might as well use it to get a pretty cross-browser positioning-scheme
working.
Like so...
<div id="cleaner" style="position: relative;"><img
src="images/left-nav-bottom-logo.gif" width="140" height="94"
alt="Cedars-Sinai Logo" style="position: absolute; top: -120px; left:
0;"></div>
...which will make the logo land 120px above the 'clearer', at the
bottom of the left column.
Seems to work well in Opera 9tp2, Firefox 1.5.0.1, IE6, IE 5.2/Mac and
Safari. Just put those inline-styles I've used where they belong - in
the stylesheet.
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/