Need CSS styles help.

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Robert Fogt
    Senior Member
    • Nov 2005
    • 102

    Need CSS styles help.

    I have the following CSS that I believe is valid, but it only works in IE. In fact in IE it works perfect, but in FireFox it does not display anything at all.

    Code:
    <div style="font-size:8px; text-align:left; background-color:red; width:100px;"><div style="font-size:8px; background-color:green; width:75px;"></div></div>
    What I am trying to do is display a rating. In the above example, the rating is 75/100, so a green bar 75px long over a red bar 100px long.
    OnlineConversion.com
  • Zachery
    Former vBulletin Support
    • Jul 2002
    • 59097

    #2
    Show me what the expected output is and show me what it looks like in firefox?

    Comment

    • Stadler
      Senior Member
      • Oct 2001
      • 1021
      • 4.2.X

      #3
      Perhaps this should do the trick:
      HTML Code:
      <div style="background-color:red; width:100px; height: 10px;">
          <div style="background-color:green; width:75px; height: 10px; display: table-cell; empty-cells:show;"></div>
      </div>
      Tested in IE6 and Firefox 1.5 so far
      Hints & Tips:
      [[vB3] More Spiders / Indexers / Archives for vB3 - list]|[List of one-time-emails to ban]


      http://sfx-images.mozilla.org/affili...efox_80x15.png

      Comment

      • Robert Fogt
        Senior Member
        • Nov 2005
        • 102

        #4
        That worked great. Thanks.
        OnlineConversion.com

        Comment

        Related Topics

        Collapse

        Working...