Announcement

Collapse
No announcement yet.

Need CSS styles help.

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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

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

    Comment


    • #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


      • #4
        That worked great. Thanks.
        OnlineConversion.com

        Comment

        Related Topics

        Collapse

        Working...
        X