Bonjour,

J'utilise bootstrap pour faire une modal et afficher un tableau.

Voici ce que j'ai quand je suis sur la gauche.

Ma scrollbar de droite n'est pas visible car le tableau est trop grand.

J'ai mis mon header et mon footer en fixe, comme ça quand je parcours le tableau ils restent à la même position.

J'aimerais que la scrollbar de droite soit toujours apparente peut importe où j'en suis dans mon tableau.

Voici mon code css et html.

/******************************* MODAL FOOTER **********************************/

.modal-footer{
    border-radius:6px; 
    background-color: white;
    position:relative;
    min-height:4em;
}
.modal-footer #boutonfooterModal1{
    border:1px solid black;
    margin-left:1em;    
    position:fixed;
    display:block;
}
.modal-footer #boutonfooterModal2{
    border:1px solid black;
    position:fixed;
    display:block;
    margin-left:10em;    
}
.modal-footer #boutonfooterModal1:hover{
    background-color:#FF6600; 
}
.modal-footer #boutonfooterModal2:hover{
    background-color:#FF6600; 
}
/******************************* MODAL HEADER **********************************/
.modal-header{
    border-radius:6px;
    position:relative;
    min-height:5em;
}
.modal-title{
    font-weight: bold;
    font-size:2em;
    display:block;
    position:fixed;
    margin-left:40%;
}
button.close{
    display:block;
    position:fixed;
    margin-right:2%;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: #FF6600;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.5;
}
.close:hover{
    color: #FF6600;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 3;
}

Et mon code html:

Avez vous des idées? Merci.

Bonjour,

Merci d'utiliser la mise en forme de code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: c;">Votre code ici</pre>.

Oui je connais la fonctionnalité permettant de colorer le code, la preuve je l'ai utilisé pour le css.
Je ne l'ai pas utilisé pour le html car le code  contient beaucoup de PHP entre mes balises HTML et celles-ci n'ont pas d’intérêts dans ce que je vous demande.

J'ai réussi à faire ce que je voulais en créant une Div juste avant mon tableau et en y mettant ces paramètres:

.tableau{
    border:2px solid grey;
    border-radius:2px;
    margin:1%;
    width:3000px;
    height: 100%;
}
.divDuTableau{
min-height:60px;
height:80%;
min-width:60px;
width:99%;
overflow:auto;
}

-
Edité par Julien.A 7 juin 2018 à 15:23:07