Page 2 of 2 FirstFirst 12
Results 11 to 14 of 14

Thread: CSS Image Positioning

  1. #11
    Coder
    Join Date
    Jan 2007
    Posts
    32
    Post Thanks / Like

    Default

    Quote Originally Posted by daviddoran View Post
    Changing:
    Code:
    #image positioning {
    .classonyourimg {position: absolute; bottom: 0;
    }
    To:

    Code:
    .classonyourimg {position: absolute; bottom: 0px;}
    Should do the trick I think, just invalid CSS in the first place I believe.
    @David: Leaves it right below the javascript nav.menu - but what I want to achieve is to get it down to the bottom of the fixed height left column.

    Quote Originally Posted by louie
    With divs you need to asign height but that will always be a pain unless you have a fix height for all divs.
    The left column div has a fixed height of 370.
    Will revert to the first option you mentioned if all else fails.

  2. #12
    Senior Member louie's Avatar
    Join Date
    Jan 2006
    Location
    Dublin, Ireland
    Posts
    2,423
    Post Thanks / Like

    Default

    There is other ways to do this by including the left div inside the center div and float it left.
    Add the image as you did to the left div before, but this time to the center div with position bottom, left.

    This way the image will always be at the bottom left, no matter how much the center scrolls down.

    It's a little more complicated, but if you know how stacking divs works, anything can be achieved.
    :. Web Design & Development Web Design Ireland
    :. Search Engines Optimization Search Engines Optimization
    :. Car Parts & Accessories Car Parts
    :. Cars Ireland Cars Ireland
    :. I Have 2 Find It Directory SEF Directory

  3. #13
    Member
    Join Date
    Jan 2006
    Location
    Dublin, Ireland
    Posts
    91
    Post Thanks / Like

    Default

    If you follow Davids instructions by changing:

    #image positioning {
    .classonyourimg {position: absolute; bottom: 0px;
    }


    to

    .classonyourimg {position: absolute; bottom: 0px;}

    after that all you have to do is add:

    position: relative; to #leftcolumn
    Last edited by SlitheryImp; 08-05-2007 at 05:56 AM.

  4. #14
    Coder
    Join Date
    Jan 2007
    Posts
    32
    Post Thanks / Like

    Default

    Cheers Slithery. Seems to display alright on IE. With firefox, its rendered a bit further up the column than it should. Is that fixable?

Page 2 of 2 FirstFirst 12

Similar Threads

  1. CSS Image Pop Up
    By Paolo in forum Coding Help
    Replies: 11
    Last Post: 06-05-2007, 12:05 AM
  2. Embed Text into Image
    By Amateur in forum Coding Help
    Replies: 4
    Last Post: 11-04-2007, 08:10 PM
  3. css styles problem
    By JESSICA in forum Coding Help
    Replies: 4
    Last Post: 14-02-2007, 03:34 PM
  4. CSS issue
    By ph3n0m in forum Coding Help
    Replies: 11
    Last Post: 30-01-2007, 11:05 PM
  5. CSS Issue for Wordpress Menu..
    By Cormac in forum Coding Help
    Replies: 4
    Last Post: 03-12-2006, 02:12 PM

Visitors found this page by searching for:

css image positioning

css images positioning

css image at bottom of column

image positioning css

image bottom of column css

coding logo css

position image at base of column div css

prev image: css position css positioning imagescss image bottomcss set image at bottom columncss display image at bottom of columncss image at the bottom of columnplace images with csscss iame bottom columncss background image position stuck at bottomimg csscss right column stuck at bottomcss center and bottom imageposition div at the bottom right of pagecss image position center bottomcss image bottom centercss put image bottom centrecss imagepositioningcss javascript bottom stuck image

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •