2013-01-18 59 views
1

當我嘗試使用位置:絕對在Firefox的一個div它似乎並沒有工作。 對於jquery壓光機我用position:absolute爲div它似乎在Linux和Windows中除了Mozilla的所有瀏覽器。當我刪除的位置:絕對它將在窗戶的Firefox工作,但僅示出了所有其他的瀏覽器交替個月(一月,三月,五月,..)windows mozilla dosen't支持位置絕對

<div class="body"> 
    <div class="inner"> 
     <div class="container a pickable month" style="z-index: 999; left: 0px; visibility: visible; 
      opacity: 1; display: block;"> 
      <div class="row a odd"> 
       <div class="first"> 
        Su</div> 
       <div> 
        Mo</div> 
       <div> 
        Tu</div> 
       <div> 
        We</div> 
       <div> 
        Th</div> 
       <div> 
        Fr</div> 
       <div class="last"> 
        Sa</div> 
      </div> 
      <div class="row b even"> 
       <div class="outside first"> 
        28</div> 
       <div class="outside"> 
        29</div> 
       <div class="outside"> 
        30</div> 
       <div> 
        1</div> 
       <div> 
        2</div> 
       <div> 
        3</div> 
       <div class="last"> 
        4</div> 
      </div> 
      <div class="row c odd"> 
       <div class="first"> 
        5</div> 
       <div> 
        6</div> 
       <div> 
        7</div> 
       <div> 
        8</div> 
       <div> 
        9</div> 
       <div> 
        10</div> 
       <div class="last"> 
        11</div> 
      </div> 
      <div class="row d even"> 
       <div class="first"> 
        12</div> 
       <div> 
        13</div> 
       <div> 
        14</div> 
       <div> 
        15</div> 
       <div> 
        16</div> 
       <div> 
        17</div> 
       <div class="last"> 
        18</div> 
      </div> 
      <div class="row e odd"> 
       <div class="first"> 
        19</div> 
       <div> 
        20</div> 
       <div> 
        21</div> 
       <div> 
        22</div> 
       <div> 
        23</div> 
       <div> 
        24</div> 
       <div class="last"> 
        25</div> 
      </div> 
      <div class="row f even"> 
       <div class="first"> 
        26</div> 
       <div> 
        27</div> 
       <div> 
        28</div> 
       <div> 
        29</div> 
       <div> 
        30</div> 
       <div> 
        31</div> 
       <div class="outside last"> 
        1</div> 
      </div> 
      <div class="row g odd"> 
       <div class="outside first"> 
        2</div> 
       <div class="outside"> 
        3</div> 
       <div class="outside"> 
        4</div> 
       <div class="outside"> 
        5</div> 
       <div class="outside"> 
        6</div> 
       <div class="outside"> 
        7</div> 
       <div class="outside last"> 
        8</div> 
      </div> 
     </div> 
     <div class="container b pickable month" style="z-index: 998; visibility: visible; 
      opacity: 1; display: block; left: -200px;"> 
      <div class="row a odd"> 
       <div class="first"> 
        Su</div> 
       <div> 
        Mo</div> 
       <div> 
        Tu</div> 
       <div> 
        We</div> 
       <div> 
        Th</div> 
       <div> 
        Fr</div> 
       <div class="last"> 
        Sa</div> 
      </div> 
      <div class="row b even"> 
       <div class="outside first"> 
        31</div> 
       <div> 
        1</div> 
       <div> 
        2</div> 
       <div> 
        3</div> 
       <div> 
        4</div> 
       <div> 
        5</div> 
       <div class="last"> 
        6</div> 
      </div> 
      <div class="row c odd"> 
       <div class="first"> 
        7</div> 
       <div> 
        8</div> 
       <div> 
        9</div> 
       <div> 
        10</div> 
       <div> 
        11</div> 
       <div> 
        12</div> 
       <div class="last"> 
        13</div> 
      </div> 
      <div class="row d even"> 
       <div class="first"> 
        14</div> 
       <div> 
        15</div> 
       <div> 
        16</div> 
       <div> 
        17</div> 
       <div> 
        18</div> 
       <div> 
        19</div> 
       <div class="last"> 
        20</div> 
      </div> 
      <div class="row e odd"> 
       <div class="first"> 
        21</div> 
       <div> 
        22</div> 
       <div> 
        23</div> 
       <div> 
        24</div> 
       <div> 
        25</div> 
       <div> 
        26</div> 
       <div class="last"> 
        27</div> 
      </div> 
      <div class="row f even"> 
       <div class="first"> 
        28</div> 
       <div> 
        29</div> 
       <div> 
        30</div> 
       <div class="outside"> 
        1</div> 
       <div class="outside"> 
        2</div> 
       <div class="outside"> 
        3</div> 
       <div class="outside last"> 
        4</div> 
      </div> 
      <div class="row g odd"> 
       <div class="outside first"> 
        5</div> 
       <div class="outside"> 
        6</div> 
       <div class="outside"> 
        7</div> 
       <div class="outside"> 
        8</div> 
       <div class="outside"> 
        9</div> 
       <div class="outside"> 
        10</div> 
       <div class="outside last"> 
        11</div> 
      </div> 
     </div> 
    </div> 
</div> 

樣式表是http://snagglefoot.net/ainc/calendar-eightysix-default.css

+2

爲什麼不使用表格? – Alex

+0

你有沒有解決這個問題?你可以發佈它是什麼嗎? – fredsbend

回答

0

嘗試指定一個寬度或頂部或左側屬性的問題,如果你沒有在原來的代碼。

此產品的點評提供上線。也許你不是故意的。

.calendar-eightysix .body { 
     position: relative; 
    } 
     .calendar-eightysix .body .inner .container { 
      /*position: absolute;*/ 
      left: 0; 
     }