Div tag problem in IE6.0 -Win2k

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

    Div tag problem in IE6.0 -Win2k

    I wirte a table inside the div container but i see something weired..
    table expands to right when there is no scroll bar on page..I mean
    there is slight mislalignment.

    Below is the sample code of the same....there is a slight misalignment
    in the header and body table. If page scroll bar is there it will be
    proper but if not then misaligned..

    Any suggestion? why it is so?



    <html>
    <style>
    ..divStyle { width: 100%;height:150 px;overflow: auto; margin-top:
    -2px;margin-bottom: -2px;border: 1px solid #CCCCCC; border-top:none;}
    ..mytable{width : 100%;font-family: Arial; font-size: 9pt; padding: 0px
    3px;}
    ..headerTable {width: 98%;font-family: Arial; font-size: 9pt; padding:
    0px 3px;border: 1px solid #CCCCCC; border-bottom:none;}
    ..thStyle {
    background-color:#CCCCCC ;

    }

    ..evenRow {
    background-color: #fffeee;
    }
    ..oddRow {
    background-color: #f0f0f0;

    }



    </style>

    <body>


    <form id="searchForm " >
    <table class="headerTa ble" style ="border:1px solid #CCCCCC"
    cellpadding="0" cellspacing="1" >
    <tbody>
    <tr class="thStyle" >
    <td class="colTOne" >1<input type="checkbox"
    name="searchFor m:displayView:_ id54:0:_id58"
    onclick="docume nt.forms[0].submit()" /></td>
    <td class="colTTwo" ><a href="#"
    onclick="docume nt.forms['searchForm']['searchForm:dis playView:_id54: 0:_id68'].value='searchF orm:displayView :_id54:0:_id68' ;
    document.forms['searchForm'].submit(); return false;"
    class="tableLin k">24 0 0 1</a></td>
    <td class="colTThre e">1</td>
    <td class="colTFour ">8352</td>
    <td class="colTFive ">Micheal</td>
    <td class="colTSix" >Jordan</td>
    </tr>
    </tbody>
    </table>
    <div class="divStyle "><table class="mytable" border="0" cellpadding="0"
    cellspacing="1" >
    <tbody>
    <tr class="oddRow">
    <td class="colTOne" >1<input type="checkbox"
    name="searchFor m:displayView:_ id54:0:_id58"
    onclick="docume nt.forms[0].submit()" /></td>
    <td class="colTTwo" ><a href="#"
    onclick="docume nt.forms['searchForm']['searchForm:dis playView:_id54: 0:_id68'].value='searchF orm:displayView :_id54:0:_id68' ;
    document.forms['searchForm'].submit(); return false;"
    class="tableLin k">24 0 0 1</a></td>
    <td class="colTThre e">1</td>
    <td class="colTFour ">8352</td>
    <td class="colTFive ">Micheal</td>
    <td class="colTSix" >Jordan</td>
    </tr>
    <tr class="evenRow" >
    <td class="colTOne" >2<input type="checkbox"
    name="searchFor m:displayView:_ id54:1:_id58"
    onclick="docume nt.forms[0].submit()" /></td>
    <td class="colTTwo" ><a href="#"
    onclick="docume nt.forms['searchForm']['searchForm:dis playView:_id54: 1:_id68'].value='searchF orm:displayView :_id54:1:_id68' ;
    document.forms['searchForm'].submit(); return false;"
    class="tableLin k">24 0 0 2</a></td>
    <td class="colTThre e">1</td>
    <td class="colTFour ">8353</td>
    <td class="colTFive ">Vince</td>
    <td class="colTSix" >Carter</td>
    </tr>
    <tr class="oddRow">
    <td class="colTOne" >2<input type="checkbox"
    name="searchFor m:displayView:_ id54:1:_id58"
    onclick="docume nt.forms[0].submit()" /></td>
    <td class="colTTwo" ><a href="#"
    onclick="docume nt.forms['searchForm']['searchForm:dis playView:_id54: 1:_id68'].value='searchF orm:displayView :_id54:1:_id68' ;
    document.forms['searchForm'].submit(); return false;"
    class="tableLin k">24 0 0 2</a></td>
    <td class="colTThre e">1</td>
    <td class="colTFour ">8353</td>
    <td class="colTFive ">Vince</td>
    <td class="colTSix" >Carter</td>
    </tr>
    <tr class="evenRow" >
    <td class="colTOne" >2<input type="checkbox"
    name="searchFor m:displayView:_ id54:1:_id58"
    onclick="docume nt.forms[0].submit()" /></td>
    <td class="colTTwo" ><a href="#"
    onclick="docume nt.forms['searchForm']['searchForm:dis playView:_id54: 1:_id68'].value='searchF orm:displayView :_id54:1:_id68' ;
    document.forms['searchForm'].submit(); return false;"
    class="tableLin k">24 0 0 2</a></td>
    <td class="colTThre e">1</td>
    <td class="colTFour ">8353</td>
    <td class="colTFive ">Vince</td>
    <td class="colTSix" >Carter</td>
    </tr>
    <tr class="oddRow">
    <td class="colTOne" >2<input type="checkbox"
    name="searchFor m:displayView:_ id54:1:_id58"
    onclick="docume nt.forms[0].submit()" /></td>
    <td class="colTTwo" ><a href="#"
    onclick="docume nt.forms['searchForm']['searchForm:dis playView:_id54: 1:_id68'].value='searchF orm:displayView :_id54:1:_id68' ;
    document.forms['searchForm'].submit(); return false;"
    class="tableLin k">24 0 0 2</a></td>
    <td class="colTThre e">1</td>
    <td class="colTFour ">8353</td>
    <td class="colTFive ">Vince</td>
    <td class="colTSix" >Carter</td>
    </tr>
    <tr class="evenRow" >
    <td class="colTOne" >2<input type="checkbox"
    name="searchFor m:displayView:_ id54:1:_id58"
    onclick="docume nt.forms[0].submit()" /></td>
    <td class="colTTwo" ><a href="#"
    onclick="docume nt.forms['searchForm']['searchForm:dis playView:_id54: 1:_id68'].value='searchF orm:displayView :_id54:1:_id68' ;
    document.forms['searchForm'].submit(); return false;"
    class="tableLin k">24 0 0 2</a></td>
    <td class="colTThre e">1</td>
    <td class="colTFour ">8353</td>
    <td class="colTFive ">Vince</td>
    <td class="colTSix" >Carter</td>
    </tr>
    <tr class="oddRow">
    <td class="colTOne" >2<input type="checkbox"
    name="searchFor m:displayView:_ id54:1:_id58"
    onclick="docume nt.forms[0].submit()" /></td>
    <td class="colTTwo" ><a href="#"
    onclick="docume nt.forms['searchForm']['searchForm:dis playView:_id54: 1:_id68'].value='searchF orm:displayView :_id54:1:_id68' ;
    document.forms['searchForm'].submit(); return false;"
    class="tableLin k">24 0 0 2</a></td>
    <td class="colTThre e">1</td>
    <td class="colTFour ">8353</td>
    <td class="colTFive ">Vince</td>
    <td class="colTSix" >Carter</td>
    </tr>
    <tr class="evenRow" >
    <td class="colTOne" >2<input type="checkbox"
    name="searchFor m:displayView:_ id54:1:_id58"
    onclick="docume nt.forms[0].submit()" /></td>
    <td class="colTTwo" ><a href="#"
    onclick="docume nt.forms['searchForm']['searchForm:dis playView:_id54: 1:_id68'].value='searchF orm:displayView :_id54:1:_id68' ;
    document.forms['searchForm'].submit(); return false;"
    class="tableLin k">24 0 0 2</a></td>
    <td class="colTThre e">1</td>
    <td class="colTFour ">8353</td>
    <td class="colTFive ">Vince</td>
    <td class="colTSix" >Carter</td>
    </tr>
    </tbody></table></div>
    </body>
    </html>

    Tags: None
    Previous template Next
    Working...