Please help: Firefox error

Discussion in 'HTML & Website Design' started by Master_Shake, Jun 19, 2012.

0
  1. #1
    DP Community,

    I hope all of you are doing well. I am experiencing some problems with some code in FireFox. Please go to http://tinyurl.com/brqjv3p and click on the twitter icon, does anyone know what I need to do to fix this error?

    Thanks in advance!
     
    Master_Shake, Jun 19, 2012 IP
  2. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #2
    Add this somewhere to your CSS, and make sure it overwrites all previous definitions :

    #twtr-widget-1 { overflow: hidden; float: left; }
    Code (markup):
    What a messy code, btw!
     
    wiicker95, Jun 19, 2012 IP
  3. wyeoh

    wyeoh Greenhorn

    Messages:
    31
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    8
    #3
    Make sure your twtr-doc div class has a property of position: absolute.

    In general, if your outer div (the div that encloses the entire panel) has a property of position: relative and your inner div has a property of position: absolute, you can position the inner div with respect to the outer div by having top, bottom, left or right property.

    For example:
    .twtr-doc{
    left: 5px;
    }
    will position the twtr-doc div 5px from the left relative to the outer div (with position set to relative).

    Hope this helps.
     
    wyeoh, Jun 19, 2012 IP