28172 sujets

CSS et mise en forme, CSS3

Bonjour, petit problème de scroll :

j'ai un tableau que je génère en php dans une <div> enfant de <body> laquelle à une hauteur fixe et une largeur fixe. Je lui ai mis un overflow:auto;

Jusque là, tout va bien, en hauteur l'overflow fonctionne correctement mais en largeur ..... il agit comme un overflow:hidden.

Autres propriétés : bordure, fond, padding, ombre et vertical-align middle.

Que faire pour prendre en compte l'overflow sur la largeur ?

<body>
     <div id="menu"></div>
     <div id="principal"><!--Remplissage en php--></div>
</body>


#principal 
{
     height:500px;
     width:500px;
     overflow:auto;
     background:#fff;
     border-radius: 4px;
     padding: 3px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
     vertical-align:bottom;
}

Modifié par codeurDuDimanche (15 May 2014 - 09:10)
Faute de frappe, dans le code c'est un :
J'ai déjà tenté d'utiliser overflow-x et overflow-y mais sans succès.
Seul le scroll vertical fonctionnait, pas l'horizontal