Hello
I want to create a table horizontally scrollable I create to table one whith fixed position one over in
all right excepted when I scroll my scrolling part go over my fixed part how avoid this?
I try CSS propertie overflow: hiden; but it doesn’t work
Thanks
my CSS code is
.left {
position:fixed;
left:0;
width:150px;
background:#FFF7DC;
}
.right {
width:2500px;
margin-left:150px;
}
.tdtaille{
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-moz-box-flex: 0;
-moz-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
overflow:hidden;
text-align: center;
}
My html code:
| Tableau fixe |
| ligne 1 |
| ligne 2 |
| ligne 3 |
| ligne 4 |
| ligne 5 |
| ligne 6 |
| ligne 7 |
| ligne 8 |
| ligne 9 |
| ligne 10 |
| ligne 11 |
| ligne 12 |
| ligne 13 |
| ligne 14 |
| ligne 15 |
| tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable | tableau scrollable |
| ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 | ligne 1 |
| ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 | ligne 2 |
| ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 | ligne 3 |
| ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 | ligne 4 |
| ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 | ligne 5 |
| ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 | ligne 6 |
| ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 | ligne 7 |
| ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 | ligne 8 |
| ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 | ligne 9 |
| ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 | ligne 10 |
| ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 | ligne 11 |
| ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 | ligne 12 |
| ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 | ligne 13 |
| ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 | ligne 14 |
| ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 | ligne 15 |