Problem with Firefox

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • ShadowMan
    #1

    Problem with Firefox

    Hi all
    I have a table width 4 cols each 25% width.
    I would like to text-align on right and color background..the code below
    works fine with IE but it doesn't with Firefox:

    I can't colorize background on cells with 'label' style and I can't
    right-align ... plz help me.

    <html> <head>
    <style type="text/css">

    h1.editSectionT itle{
    border-bottom: 1px solid #8CACBB;
    background-color: #DEE7EC;
    font-weight: bold ;
    font-size: 1em;
    color: #436976;
    padding:0.3em 0.3em 0.3em 0.3em;
    border-bottom:1px solid #8CACBB;
    border-top:1px solid #8CACBB;
    margin-bottom: 0.2em;
    }
    ..editSection {
    PADDING: 0;
    position: relative;
    }

    ..tableFixed {
    table-layout: fixed;
    padding: 0;
    background-color: #DEE7EC;
    width: 100%;
    }
    ..label {
    background-color: #F7F9FA;
    text-align: right;
    font: bold 1em;
    padding-right: 0.3em;
    }
    ..field {
    vertical-align: middle;
    background-color: white;
    }
    ..col25Label {
    background-color: #F7F9FA;
    text-align: right;
    font: bold 1em;
    width:25%;
    }
    ..col25{
    width:25%;
    }
    </style>
    </head>
    <body>
    <br>
    <h1 class="editSect ionTitle">DATA</h1>
    <div class="editSect ion" >
    <table class="tableFix ed" >
    <colgroup>
    <col class="col25" /><col class="col25" /><col class="col25" /><col
    class="col25" />
    </colgroup>

    <tr>
    <td class="label" >(*) Name</td>
    <td class="field" >
    <input type="text" name="field1" value="33">
    </td>
    <td class="label" >(*) Surname</td>
    <td class="field" >
    <input type="text">
    </td>
    </tr>
    <tr>
    <td class="label" width="25%">ID</td>
    <td class="field" width="25%">
    <input type="text">
    </td>
    <td class="label" width="25%">Bir thDate</td>
    <td class="field" width="25%">
    <input type="text">
    </td>
    </tr>
    </table>
    </div>


    Tags: None
    • jmm-list-gn
      #2
      Re: Problem with Firefox

      ShadowMan wrote:[color=blue]
      > Hi all
      > I have a table width 4 cols each 25% width.
      > I would like to text-align on right and color background..the code below
      > works fine with IE but it doesn't with Firefox:
      >
      > I can't colorize background on cells with 'label' style and I can't
      > right-align ... plz help me.
      >[/color]
      Show me the URL!

      --
      jmm dash list (at) sohnen-moe (dot) com
      (Remove .AXSPAMGN for email)

        Comment

        • bulge
          #3
          Re: Problem with Firefox

          On Mon, 4 Oct 2004 11:24:25 +0200, "ShadowMan" <shadman@despam med.com>
          wrote:
          [color=blue]
          >Hi all
          >I have a table width 4 cols each 25% width.
          >I would like to text-align on right and color background..the code below
          >works fine with IE but it doesn't with Firefox:
          >
          >I can't colorize background on cells with 'label' style and I can't
          >right-align ... plz help me.
          >[/color]

          I just pasted your code in. Text is right-aligned. Colour works fine.
          The code looks the same in IE5, Opera 7.24 and Firefox 1.0PR.

          I don't see the prob?

            Comment

            • ShadowMan
              #4
              Re: Problem with Firefox

              bulge <invalid@nodoma in.nett> wrote:[color=blue]
              > On Mon, 4 Oct 2004 11:24:25 +0200, "ShadowMan" <shadman@despam med.com>
              > wrote:
              > I just pasted your code in. Text is right-aligned. Colour works fine.
              > The code looks the same in IE5, Opera 7.24 and Firefox 1.0PR.
              > I don't see the prob?[/color]
              I found the problem ... I used .label class definition twice ... without
              using "!important " suffix ... now it works for me too ...
              --
              ShadowMan


                Comment

                Previous template Next
                Working...