Créer un site qui déborde en largeur
Résolu
maka54
Messages postés
721
Statut
Membre
-
prosthetiks Messages postés 1309 Statut Membre -
prosthetiks Messages postés 1309 Statut Membre -
Bonjour,
Je voudrais créer un site qui puisse déborder en largeur avec une scrollbar horizontale,
et je n'y arrive pas,
mon tableau se redimentionne à la largeur de la page
est-ce que vous avez une idée de comment faire ?
Cordialement
Je voudrais créer un site qui puisse déborder en largeur avec une scrollbar horizontale,
et je n'y arrive pas,
mon tableau se redimentionne à la largeur de la page
est-ce que vous avez une idée de comment faire ?
Cordialement
4 réponses
-
Salut,
Essaye dans le css :
min-width:5000px;
5000px => A toi de changer a ta manière =)
P.S. : Je sais pas du tout si ça fonctionne xD -
si çà fonctionnera mais ce n'est pas dynamique, je ne connais pas la taille, tout dépendra de mon contenu
en fait c'est pour faire un planning, qui pourra s'étendre de un jour, une semaine, un mois, un trimestre
donc çà pourrait aller d'une case à 90 cases (mais toutes de meme taille) -
bon j'ai trouvé une solution, dégueulasse mais çà fera l'affaire, je ferais le calcul de la largeur du tableau en fonction des cases
-
Par défaut, ca dépasse en largeur...:
<html> <head> <title></title> </head> <body> <table> <tr> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <tr> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> </tr> <tr> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> </tr> <tr> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> </tr> <tr> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> <td><img src="http://lorempixel.com/50/50/"/></td> </tr> </table> </body> </html>
