Créer un site qui déborde en largeur [Résolu/Fermé]

Signaler
Messages postés
699
Date d'inscription
mercredi 8 avril 2009
Statut
Membre
Dernière intervention
4 décembre 2016
-
Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
21 mai 2020
-
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


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
Messages postés
699
Date d'inscription
mercredi 8 avril 2009
Statut
Membre
Dernière intervention
4 décembre 2016
78
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)
Messages postés
699
Date d'inscription
mercredi 8 avril 2009
Statut
Membre
Dernière intervention
4 décembre 2016
78
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
Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
21 mai 2020
427
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>