Andre Grumbach: Probleme mit Firefox

Beitrag lesen

Hallo fabian,
also ich hab nun eigentlich für alle Ebene durch und jeweils eine style mit einer entsprechenden Höhe eingetragen
Leider funktioniert es jedoch weiterhin nicht richtig (obwohl ich bei ca. 70% das nächste Div sehe, geht das Vorherige DIV einfach über drüber und verdeckt es.

Hier mein angepasster HTML Code, vielleicht siehst du ja noch eine Stelle an der ich die Höhe vergessen hab bzw. was ich falsch gemacht habe.

Andre

<div id="Select_a" style="height:70%;">
      <table id="Select_at" style="height:70%;width:100%;" class="Select">
          <tr>
              <td onmouseover="HideDivSelect_Highlight()" onmouseout="HideDivSelect_NoHighlight()" style="height:70%;" onclick="hideLayer('Select');return false" align="right">
                  <img id="HideDivSelect" src="_imgs/Expand.png" />
              </td>
          </tr>
          <tr style="height:95%;width:100%">
              <td style="height:95%;text-decoration:none;cursor:default;">

<table id="TableList1_tElements" class="Element" border="0" style="height:100%;width:100%;">
 <tr class="HeaderFooterRow" style="height:10px;">
  <td align="left" style="height:15px;">
  <a disabled="disabled" class="Link"><<</a>
  <a disabled="disabled" class="Link"><</a>
 </td>
 <td style="height:15px;" align="center">
     <a disabled="disabled" class="Link" style="font-weight:bold;">1</a>&nbsp;
     <a class="Link" href="javascript:__doPostBack('hlNumber','1')">2</a>&nbsp;
     <a class="Link" href="javascript:__doPostBack('hlNumber','2')">3</a>&nbsp;
     <a class="Link" href="javascript:__doPostBack('hlNumber','3')">4</a>&nbsp;
     <a class="Link" href="javascript:__doPostBack('hlNumber','4')">5</a>&nbsp;
     <a class="Link" href="javascript:__doPostBack('hlNumber','5')">6</a>&nbsp;
     <a class="Link" href="javascript:__doPostBack('hlNumber','6')">7</a>&nbsp;
     <a class="Link" href="javascript:__doPostBack('hlNumber','7')">8</a>&nbsp;
     <a class="Link" href="javascript:__doPostBack('hlNumber','8')">9</a>&nbsp;
     <a class="Link" href="javascript:__doPostBack('hlNumber','9')">10</a>
 </td>
 <td style="height:15px;" align="right">
     <a class="Link" href="javascript:__doPostBack('hlNext','1')">></a>
     <a class="Link" href="javascript:__doPostBack('hlEnd','259')">>></a>
 </td>
 </tr>
 <tr style="height:100%;" height="100%">
  <td id="TableList1_CellElementTable" class="scroll" colspan="3" style="height:90%;width:100%;">
  <div style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 100%"><table border="0" style="height:100%;width:100%;">
   <tr>
    <td class="BlackColumn" style="height:150px;width:33.333%;">
        Row1 Cell 1
    </td>
    <td class="WhiteColumn" style="height:150px;width:33.333%;">
        Row1 Cell 2
    </td>
    <td class="BlackColumn" style="height:150px;width:33.333%;">
        Row1 Cell 3
    </td>
   </tr><tr>
    <td class="WhiteColumn" style="height:150px;width:33.333%;">
        Row2 Cell 1
    </td>
    <td class="BlackColumn" style="height:150px;width:33.333%;">
        Row2 Cell 2
    </td>
    <td class="WhiteColumn" style="height:150px;width:33.333%;">
        Row2 Cell 1
    </td>
   </tr><tr>
    <td class="BlackColumn" style="height:150px;width:33.333%;">
        Row3 Cell 1
    </td>
    <td class="WhiteColumn" style="height:150px;width:33.333%;">
        Row3 Cell 2
    </td>
    <td class="BlackColumn" style="height:150px;width:33.333%;">
        Row3 Cell 3
    </td>
   </tr><tr>
    <td class="WhiteColumn" style="height:150px;width:33.333%;">
        Row4 Cell 1
    </td>
    <td class="BlackColumn" style="height:150px;width:33.333%;">
        Row4 Cell 2
    </td>
    <td class="WhiteColumn" style="height:150px;width:33.333%;">
        Row4 Cell 3
    </td>
   </tr><tr>
    <td class="BlackColumn" style="height:150px;width:33.333%;">
        Row5 Cell 1
    </td>
    <td class="WhiteColumn" style="height:150px;width:33.333%;">
        Row5 Cell 2
    </td>
    <td class="BlackColumn" style="height:150px;width:33.333%;">
        Row5 Cell 3
    </td>
   </tr>
  </table></div></td>
 </tr><tr class="HeaderFooterRow" style="height:10px;">
  <td align="left"><a disabled="disabled" class="Link"><<</a> <a disabled="disabled" class="Link"><</a></td><td align="center"><a disabled="disabled" class="Link" style="font-weight:bold;">1</a>&nbsp;<a class="Link" href="javascript:__doPostBack('hlNumber','1')">2</a>&nbsp;<a class="Link" href="javascript:__doPostBack('hlNumber','2')">3</a>&nbsp;<a class="Link" href="javascript:__doPostBack('hlNumber','3')">4</a>&nbsp;<a class="Link" href="javascript:__doPostBack('hlNumber','4')">5</a>&nbsp;<a class="Link" href="javascript:__doPostBack('hlNumber','5')">6</a>&nbsp;<a class="Link" href="javascript:__doPostBack('hlNumber','6')">7</a>&nbsp;<a class="Link" href="javascript:__doPostBack('hlNumber','7')">8</a>&nbsp;<a class="Link" href="javascript:__doPostBack('hlNumber','8')">9</a>&nbsp;<a class="Link" href="javascript:__doPostBack('hlNumber','9')">10</a></td><td align="right"><a class="Link" href="javascript:__doPostBack('hlNext','1')">></a> <a class="Link" href="javascript:__doPostBack('hlEnd','259')">>></a></td>
 </tr>
</table>

</td>
    </tr>
   </table>
   </div>
   <div id="Select_z">
          <table width="100%" class="Select">
              <tr>
                  <td onmouseover="ShowDivSelect_Highlight()" onmouseout="ShowDivSelect_NoHighlight()" onclick="showLayer('Select');return false" align="right"><img id="ShowDivSelect" src="_imgs/Collapse.png" /></td>
              </tr>
       </table>
   </div>
   <div id="Details_a" style="">
      <table height="65%" width="100%" class="Select">
          <tr>
              <td onmouseover="HideDivDetails_Highlight()" onmouseout="HideDivDetails_NoHighlight()" style="" onclick="hideLayer('Details');return false" align="right"><img id="HideDivDetails" src="_imgs/Expand.png" /></td>
          </tr>
          <tr height="95%" width="100%">
              <td style="text-decoration:none;cursor:default;" valign="top">
                        &nbsp;
           </td>
    </tr>
      </table>
      </div>
   <div id="Details_z">
          <table width="100%" class="Select">
              <tr>
                  <td onmouseover="ShowDivDetails_Highlight()" onmouseout="ShowDivDetails_NoHighlight()" onclick="showLayer('Details');return false" align="right"><img id="ShowDivDetails" src="_imgs/Collapse.png" /></td>
              </tr>
       </table>
   </div>