Someone just helped me with something similar to this. They added in a div
for the picture after a clearing div under the columns and then used a
negative bottom margin to put the item at the bottom of the column.

Add the image div between here after your columns
<div class="clear">&nbsp;</div>
--> image div in here<--
  <div id="footer">

in the css, add a bottom margin to your right column equal to the height of
your image. Then float the image to the side you want it in and add a
*negative* bottom margin to the image div, again equal to the height of your
image.

I haven't played with this much, so I'm not sure if there are any unforeseen
drawbacks or browser compatibility problems with this method but it's
working well for me so far =)

Robin~ in Los Angeles

> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] Behalf Of Miles Thompson
> Subject: [css-d] Floating picture to bottom ...
>

> I used the layout created by "ClevaTreva"'s page generator for
> this site, a
> two-column job with menu on the left:
>       http://allnovascotia.com/test/bill/index.php?pgget=1
>
> I'm trying to get the image to nestle down to the bottom of the
> blue area,
> and I've tried variations of bottom:0px, bottom:0%,
> bottom-margin:-1px and
> so on. I could push it down with <br> tags, but the image and the
> length of
> text above it will change for each page, so a float would be ideal. (I do
> more back-end scripting, not design stuff. This is a small page
> for a friend.)
>
> Does anyone have any suggestions, or could someone give me a shove in the
> right direction?
>
> Thanks - Miles Thompson
>


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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