Internet Explorer Positioning Bug?

Discussion in 'CSS' started by theblurr5495, Jun 29, 2011.

0
  1. #1
    I use the code below for positioning for my subscribe box at the bottom of my posts. In chrome and Firefox, all if well, but Ie messes up (pic below). Can anyone help?

    .button {
    width:2px;
    position:relative;
    left:159px;
    top: -40px;
    background-color: #4CBB17;
    font-size: 100%;
    font-family:Tahoma;
    font-weight: bold;
    color:#ffffff; }

    Firefox:

    [​IMG]

    Internet Explorer:

    [​IMG]
     
    theblurr5495, Jun 29, 2011 IP
  2. artus.systems

    artus.systems Well-Known Member

    Messages:
    87
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    103
    #2
    Use float instead of using relative position.
     
    artus.systems, Jun 30, 2011 IP
  3. theblurr5495

    theblurr5495 Active Member

    Messages:
    436
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #3
    I know have this code:

    .button {
    width:2px;
    float:right;
    position:relative;
    top: -40px;
    background-color: #4CBB17;
    font-size: 100%;
    font-family:Tahoma;
    font-weight: bold;
    color:#ffffff; }

    Still looks messed up in IE. D:

    [​IMG]
     
    theblurr5495, Jun 30, 2011 IP
  4. theblurr5495

    theblurr5495 Active Member

    Messages:
    436
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Nevermind, I fixed it. :D
     
    theblurr5495, Jun 30, 2011 IP