Forum Moderators: not2easy

Message Too Old, No Replies

alignment problem

         

ksvijay

7:37 am on Jan 25, 2007 (gmt 0)

10+ Year Member



The html is working in IE, in Mozilla the alignment is not coming properly, pls help me

<html>
<style>
.divStyle {
body,html {margin:0;padding:0}
#maincontainer,#tableheader, #mainbody{width:100%;}
width: 100%;height:150px;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" >
<div id = "#maincontainer" class="divStyle">
<table id="tableheader" class="headerTable" bordercolor="green" border="1" style ="border:1px solid #CCCCCC" cellpadding="0" cellspacing="1">
<tbody>
<tr class="thStyle">
<td>sss</td>
<td>sss</td>
<td>sss</td>
<td>sss</td>
<td>sss</td>
</tr>
</tbody>
</table>

<table class="mytable" id="mainbody" border="1" bordercolor="red" cellpadding="0" cellspacing="1">
<tbody>
<tr class="oddRow">
<td>sss</td>
<td>sss</td>
<td>sss</td>
<td>sss</td>
<td>sss</td>
</tr>
</tbody></table></div>
</body>
</html>

iseem

9:58 pm on Jan 25, 2007 (gmt 0)

10+ Year Member



Look at your .divStyle {

It seems you inserted something in the middle of that rule by mistake, namely

body,html {margin:0;padding:0}
#maincontainer,#tableheader, #mainbody{width:100%;}