Help positioning graphic for most browsers

Discussion in 'CSS' started by cancuncss, Mar 29, 2008.

0
  1. #1
    I'd like to position the palm tree graphic here: http://testingarea.proyectoclave.com/ so that it looks like this http://testingarea.proyectoclave.com/layout.gif in main browsers.
     
    cancuncss, Mar 29, 2008 IP
  2. pontevin

    pontevin Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi man, as I found it's a simply css adjusting, but I can't take a look at your site anything else than firefox.

    Instead of corporatestyle.cs... (line 156)

    #palm {
    left:400px;
    position:absolute;
    top:99px;
    }

    raising the top parameter it's better

    corporatestyle.cs... (line 156)
    #palm {
    left:400px;
    position:absolute;
    top:104px;
    }

    If you haven't used it before, I reccomend FireBug, a very useful developer plugin for the Firefox browser.

    I hope I managed to help you.

    p.
     
    pontevin, Mar 29, 2008 IP
  3. cancuncss

    cancuncss Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    It doesn't work. I don't have any problems with fireworks, the problem is with IE. If you take a look at the site with IE, you will notice that the graphic is positioned incorrectly.
     
    cancuncss, Mar 29, 2008 IP
  4. mr_wonderful

    mr_wonderful Peon

    Messages:
    128
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    border:0;
    padding:0;
    margin:0;

    one of those should take care of it.
     
    mr_wonderful, Mar 30, 2008 IP
  5. cancuncss

    cancuncss Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5

    I don't think this will work either. Anyone else have any options?
     
    cancuncss, Mar 30, 2008 IP
  6. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #6
    You have double posted.

    Your doctype is incorrect and IE is in quirks mode. You should use a strict doctype but you are using old, deprecated markup so you will have to use a transitional doctype to make IE attempt to behave like other modern browsers. Use this one:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
     
    drhowarddrfine, Mar 30, 2008 IP