Discussion :

[sub_zero]

Salut tout le monde,

Voilà j'ai un gros problème, j'ai terminé mon site et même mis en ligne, tout fonctionne sauf ... l'ascenseur (le scrolleur). Donc si l'écran est plus petit que prévu, tout une partie de la page ne s'affiche pas !

Pourtant j'essaye de forcer l'affichage de l'ascenseur par un overflow: visible, ou overflow: auto dans la balise body ou html, mais ça ne marche pas.
avec un overflow: scroll, l'ascenseur s'affiche mais il est désactivé.

Mon site est fait d'images (banière) et de différents panels contenant du texte.

Une idée ?

[michel.di]

Salut,

Tu pourrais mettre un peu de code pour t'aider?

[sub_zero]

yo,

J'ai comme l'impression que les navigateurs interprètent la page comme si elle avait une largeur et une hauteur de 0, puisque finalement il n'y a que des containers JavaScript avec du texte dedans ?

Voici le code que j'ai épuré (les panels peuvent contenir des objets html et/ou des images) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
public void onModuleLoad() {
 
		Image banier = new Image("images/banierehaut.gif");
		Image banier2 = new Image("images/banierebas.jpg");
 
		String[] tabTitles = new String[2];
		tabTitles[0] = "Accueil";
		tabTitles[1] = "Formation";
 
		TabLayoutPanel p = new TabLayoutPanel(1.8, Unit.EM);
 
		VerticalPanel accueil = new VerticalPanel();
		accueil.addStyleName("dimensionaccueil");
 
		HorizontalPanel hautaccueil = new HorizontalPanel();
		HorizontalPanel milieuaccueil = new HorizontalPanel();
		SimplePanel descriptionaccueil = new SimplePanel();
 
		HorizontalPanel contenantaccueil = new HorizontalPanel();
		contenantaccueil.setSpacing(25);
 
		HorizontalPanel contientaccueil = new HorizontalPanel();
		contientaccueil.addStyleName("stylecontenants");
 
		accueil.add(hautaccueil);
		accueil.add(milieuaccueil);
		accueil.add(descriptionaccueil);
		contenantaccueil.add(accueil);
 
		contientaccueil.add(contenantaccueil);
 
		p.add(contientaccueil, tabTitles[0]);
 
		VerticalPanel exps = new VerticalPanel();
 
		VerticalPanel exp_info = new VerticalPanel();
		exp_info.setSpacing(9);
 
		SimplePanel exp_alst = new SimplePanel();
		exp_alst.addStyleName("vpanelintexpsinf");
 
		SimplePanel exp_cli = new SimplePanel();
		exp_cli.addStyleName("vpanelintexpsinf");
 
		exp_info.add(exp_alst);
		exp_info.add(exp_cli);
 
		exps.add(exp_info);
 
		p.add(exps, tabTitles[1]);
 
		p.selectTab(0);
 
		DockLayoutPanel dlp = new DockLayoutPanel(Unit.EM);
		dlp.addStyleName("center");
		dlp.addStyleName("width");
		dlp.addNorth(banier, 5);
		dlp.addSouth(banier2, 4);
		dlp.add(p);
 
		RootLayoutPanel rp = RootLayoutPanel.get();
		rp.add(dlp);    
	}
}

[sub_zero]

Les styles CSS utilisés ci-dessus (mais je ne pense pas que cela ait quoi que ce soit à voir avec le problème) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
.dimensionaccueil {
	Width: 500px;
	Height: 400px;
}
 
.stylecontenants {
	Width: 1000px;
	Height: 800px;
}
 
.vpanelintexpsinf {
	Width: 945px;
}
 
.width {
     Width: 1000px;
}
 
.center {
      Margin-left : auto;
      Margin-right : auto;
}

[karbos]

Si tu rajoutes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

overflow: auto;

dans ta classe .center de ton CSS ?

[karbos]

Ou encore :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

dlp.getElement().getParentElement().getParentElement().getStyle().setOverflow(Overflow.VISIBLE);

dans ton code Java ?