SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Sep 2002
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Placing Image at TD bottom in IE

    Ok on this site I'm working on I have this navigation cell that stretches down the left to match the size of the content on the right. At the bottom of this navigation cell I need to place a small border image. The image must be RIGHT at the bottom of the cell to look right. It looks just how I want it in Firefox but of course not IE.

    http://www.nethax.com/spyde/clanbots/

    Anyone know how I can tweak this to get it to work in IE? Thanks!

  2. #2
    SitePoint Member
    Join Date
    Sep 2002
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Bump... still haven't been able to solve this problem.

  3. #3
    SitePoint Addict phptek's Avatar
    Join Date
    Jun 2002
    Location
    Wellington, NZ
    Posts
    363
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Spyde
    Bump... still haven't been able to solve this problem.
    OK I'll have a stab...

    Looking at the source you seem to have a load of unused <div>'s and a few inline styles. I'm guessing the latter ar attempts at positioning your image.

    What I always try to do is get rid of everything that *might* be causing a problem; all styles inline and embedded, to ensure that the variable you're working on (positioning your image) is the only one that can possibly be affecting the image. Then systematically re-introduce HTML and CSS until the problem re-occurs. Then will you know why the problem occurs.

    Try getting rid of the reduntant <div> tags in the nav <td> and then set #navbg to something like:

    Code:
    #navbg
    {
    position: absolute;
    bottom: 0;
    right: auto;
    left:auto;
    }
    You might need to mess with the right and left settings using px values to get the positioning right. Maybe even switch to position: relative.

    HTH


Bookmarks

Posting Permissions

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