Datatable is not positioned properly
Datatable is not positioned properly
kamaal
Posts: 1Questions: 0Answers: 0
Hi
am new to this forum and technology, so if am asking in inappropriate forum please forgive me.
i am trying to add datatable into my webpage.... everything is going file, but having one problem that.
1. i have three column fixed header and footer css design into my page.
2. my middle column is content column, where i have to place the datatable
3. but my datatable shows from the position where my first column ends and leaves a big gap in middle column.
for example:
my left column is 300 px high and right column is 200 columns high, when i try to place datatable into middle column it shows from 300 px from top and if it is stick with the first column height, although i tried to put some text before the table and that text was properly positioned in middle but again table was aligned with the height of first column.
[code].thrColFixHdr #container #sidebar1 {
float: left;
width: 190px;
padding: 4px;
background-color:#FFFFFF;
margin-left:4px;
}
.thrColFixHdr #container #sidebar1 #Inner {
background-color:#F2FBFF;
padding:5px;
}
.thrColFixHdr #container #sidebar2 {
float: right;
width: 210px;
padding: 0px;
margin:0px;
}
.thrColFixHdr #container #sidebar2 #SideBar2Block {
padding: 4px;
margin-bottom:10px;
background-color:#F2FBFF;
}
.thrColFixHdr #container #sidebar2 #SideBar2Block #SideBar2Inner{
background-color:#FFF;
border:#BAD8EF solid 1px;
padding:10px;
text-align:center;
}
.thrColFixHdr #container #mainContent {
margin: 0 220px 0 210px;
padding: 0px;
}
.thrColFixHdr #container #mainContent #MainContentTop {
padding: 4px;
background-color:#F2FBFF;
margin-bottom:10px;
}
.thrColFixHdr #container #mainContent #MainContentTop #MainContentInner {
background-color:#FFF;
border:#BAD8EF solid 1px;
padding:10px;
}
.thrColFixHdr #container #mainContent #MainContentTop #MainContentInner table {
border-collapse:collapse;
}
.thrColFixHdr #container #mainContent #MainContentTop #MainContentInner table td {
padding: 3px;
}
}
.clearfloat
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
[/code]
please give some suggestions.
best regards
ashok sharma
am new to this forum and technology, so if am asking in inappropriate forum please forgive me.
i am trying to add datatable into my webpage.... everything is going file, but having one problem that.
1. i have three column fixed header and footer css design into my page.
2. my middle column is content column, where i have to place the datatable
3. but my datatable shows from the position where my first column ends and leaves a big gap in middle column.
for example:
my left column is 300 px high and right column is 200 columns high, when i try to place datatable into middle column it shows from 300 px from top and if it is stick with the first column height, although i tried to put some text before the table and that text was properly positioned in middle but again table was aligned with the height of first column.
[code].thrColFixHdr #container #sidebar1 {
float: left;
width: 190px;
padding: 4px;
background-color:#FFFFFF;
margin-left:4px;
}
.thrColFixHdr #container #sidebar1 #Inner {
background-color:#F2FBFF;
padding:5px;
}
.thrColFixHdr #container #sidebar2 {
float: right;
width: 210px;
padding: 0px;
margin:0px;
}
.thrColFixHdr #container #sidebar2 #SideBar2Block {
padding: 4px;
margin-bottom:10px;
background-color:#F2FBFF;
}
.thrColFixHdr #container #sidebar2 #SideBar2Block #SideBar2Inner{
background-color:#FFF;
border:#BAD8EF solid 1px;
padding:10px;
text-align:center;
}
.thrColFixHdr #container #mainContent {
margin: 0 220px 0 210px;
padding: 0px;
}
.thrColFixHdr #container #mainContent #MainContentTop {
padding: 4px;
background-color:#F2FBFF;
margin-bottom:10px;
}
.thrColFixHdr #container #mainContent #MainContentTop #MainContentInner {
background-color:#FFF;
border:#BAD8EF solid 1px;
padding:10px;
}
.thrColFixHdr #container #mainContent #MainContentTop #MainContentInner table {
border-collapse:collapse;
}
.thrColFixHdr #container #mainContent #MainContentTop #MainContentInner table td {
padding: 3px;
}
}
.clearfloat
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
[/code]
please give some suggestions.
best regards
ashok sharma
This discussion has been closed.