1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Help me please, Why DIV position goes wrong in Opera but fine in FF and IE

Discussion in 'CSS' started by eadkung, Dec 17, 2007.

  1. #1
    Hi, everyone :)
    I'm very new with CSS trying to create a web page that its layout should look like this:
    [​IMG]

    I've done XHTML and CSS coding and tested on FireFox and IE6, it looks OK.
    But when i tried on Opera 9, the position of the a box -as pictures below-
    is not what it should be.

    I don't know what i did wrong. Please help me checking what wrongs with the layout and how to fix it.
    this is URL of this page: http://thailand.siamfreestyle.com/test_layout3.php

    ================================================
    [​IMG]
    Firefox and IE6: This is what I want it to be.

    ================================================

    [​IMG]
    Opera 9: Please look at the gray box, its position goes wrong

    I've tried to find what wrong for days but i still can't fix it.
    Please Help Me. Thanks so much for all replies.
     
    eadkung, Dec 17, 2007 IP
  2. smallfishbigmoney

    smallfishbigmoney Active Member

    Messages:
    176
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #2
    Are you floating the gray box (supposing it is a DIV) right?
    {float: right;}
     
    smallfishbigmoney, Dec 17, 2007 IP
  3. smallfishbigmoney

    smallfishbigmoney Active Member

    Messages:
    176
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #3
    P.S. What a great looking site!
     
    smallfishbigmoney, Dec 17, 2007 IP
  4. eadkung

    eadkung Active Member

    Messages:
    148
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #4
    Hi. :D Thanks for comments.

    I tried {float: right;} but nothing changing, opera still put the gray box in the wrong position.

    Thanks a lot. :D
     
    eadkung, Dec 17, 2007 IP
  5. eadkung

    eadkung Active Member

    Messages:
    148
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #5
    Who have any idea what happen with positioning DIV in opera as I've found. Please help me.

    Thanks in advance.
     
    eadkung, Dec 17, 2007 IP
  6. smallfishbigmoney

    smallfishbigmoney Active Member

    Messages:
    176
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #6
    eadkung, are all the orange boxes in a div of their own? If they are that's good, if they are not I would suggest putting them in an overarching div to put all the 3 boxes in.

    If they are and it is still not working...maybe ensure that there is no padding, no margin (margin: 0; padding: 0;) and then check the sizing to make sure it is a perfect fit,

    tell me how you go

    FabZ
    Small Fish Big Money Dot Com
     
    smallfishbigmoney, Dec 18, 2007 IP
    eadkung likes this.
  7. eadkung

    eadkung Active Member

    Messages:
    148
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    58
    #7
    Now I can fix the problem. :D
    I just removed {padding-left:10px;} and then it works.

    Thanks a lot for suggestions.
     
    eadkung, Dec 18, 2007 IP
  8. smallfishbigmoney

    smallfishbigmoney Active Member

    Messages:
    176
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #8
    Hope the site does well!

    FabZ
     
    smallfishbigmoney, Dec 18, 2007 IP