Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > HTML / DHTML / XHTML
HTML / DHTML / XHTML Forum sur la programmation HTML / DHTML/ XHTML et la validation W3C. Cours (X)HTML, FAQ (X)HTML
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 17/01/2011, 11h25   #1
Membre émérite
 
Inscription : mai 2006
Messages : 787
Détails du profil
Informations forums :
Inscription : mai 2006
Messages : 787
Points : 837
Points : 837
Par défaut Largeur max d'un div

Bonjour,

j'aimerai fixer la largeur d'un div qui contiendra différents elements parmi lesquels une table. Le probleme, c'est que quand j'ajoute des colonnes à la table, la taille du div augmente au lieu de permettre l'utilisation de la scrollbar.

Le bout de code concerné :
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
			<div id="MainContent_PgListGenEcGpeInst0" style="max-width:350;">
            <table cellspacing="1" style="background-color:Black;width:100%;">
					<tr id="MainContent_PgListGenEcGpeInst0VigiGvdan_testdan_testRowTab" style="background-color:White;">
						<td style="background-color:White;"><span id="MainContent_PgListGenEcGpeInst0VigiGvdan_testdan_testLabTab">test</span></td><td><table id="MainContent_PgListGenEcGpeInst0VigiGvdan_testdan_test" cellspacing="0" cellpadding="0" style="border-collapse:collapse;width:98%;">
							<tr>
 
								<td>
                        <div style="overflow-x:scroll;">
									<div>
										<table cellspacing="0" rules="all" border="1" id="MainContent_test1" style="border-collapse:collapse;width:100%;">
											<tr style="background-color:White;">
												<th scope="col">&nbsp;</th><th scope="col">ID</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
                                    <th scope="col">Test</th>
 
											</tr>
										</table>
									</div>
								</div>
                        </td>
							</tr>
						</table></td>
					</tr>
 
				</table>
			</div>
J'ai essayé d'utiliser la propriété style.width, style.max-width mais rien n'y fait...

Si quelqu'un sait comment faire

Merci
hwoarang est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 17/01/2011, 11h33   #2
Membre Expert
 
Avatar de Loceka
 
Tlouye Ci
Inscription : mars 2004
Messages : 1 450
Détails du profil
Informations personnelles :
Nom : Tlouye Ci

Informations forums :
Inscription : mars 2004
Messages : 1 450
Points : 2 149
Points : 2 149
Essaye de mettre ça sur le même div :
Code :
1
2
width : 350px;
overflow-x : scroll;
Loceka est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 17/01/2011, 12h38   #3
Membre émérite
 
Inscription : mai 2006
Messages : 787
Détails du profil
Informations forums :
Inscription : mai 2006
Messages : 787
Points : 837
Points : 837
Citation:
Envoyé par Loceka Voir le message
Essaye de mettre ça sur le même div :
Code :
1
2
width : 350px;
overflow-x : scroll;
Effectivement c'etait bien le "overflow-x" qui manquait. En plus, je l'avais utilisé ailleurs mais j'avais oublié comme un boulet
Merci
hwoarang est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 02h02.


 
 
 
 
Partenaires

Hébergement Web