voilà, j'ai configuré mon site pour une résolution de 1680*1050 (résolution de mon ordi). Cependant, j'ai revu la feuille de style css de mon site pour qu'il soit adapté pour différentes résolutions. J'ai mis les positions en pourcentage ainsi que les dimensions et j'ai bien mis un width:100% comme il était conseillé dans certains forums. Cependant, cela ne résout rien. Au changement de résolution, les écritures vont les unes sur les autres et il n'y a que la bannière qui est redimmensionnée (est-ce qu'il faut mettre en pourcentage les écritures j'ai fait ça mais ça change rien).
Ci-joint mon code
Code html
Code css
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 <body> <div id='pagePrincipale'> <div id="banniere"> <?php echo "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' align='center' width='96%' height='26%'> <param name='movie' value='".$chemin."'/> <param name='quality' value='high'/> <param name='menu' value='false'/> <param name='wmode' value='transparent'/> <EMBED src='".$chemin."' quality='high' bgcolor='#FFFFFF' NAME='banniere' ALIGN='center' width='96%' height='26%' wmode='transparent' TYPE='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'></EMBED></object>"; ?> </div> <div id="partieCentrale"> <div id="menu"> <?php include('menu.php'); ?> </div> <div id="contenu"> <?php $page = $_GET['page']; include ( $page.'.php' ); ?> </div> <div id="piedPage"> <?php include('piedPage.php'); ?> </div> </div> <div id="recherche"> <?php if($page!='activMediasTV' && $page!='imoBox' && $page!='recherche') { include('formRecherche.php'); } ?> </div> </div> </body>
Voilà, merki de m'aider, ça fait plusieurs jours que je galère.
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
66
67
68
69
70 body { background-color:black; height:100%; behavior:url("css/csshover.htc"); font-family:Verdana; font-size:11pt; margin:0; padding:0; z-index:3; color:white; } #pagePrincipale { margin-left:auto; margin-right:auto; text-align:center; width:1000px; min-height:100%; } #banniere { width:96%; } #partieCentrale { margin-left:auto; margin-right:auto; width:96%; text-align:left; } #contenu { position:absolute; top:30%; left:35%; /*min-height:310px;*/ width:76%; } #contenuPage { position:relative; top:2%; left:2%; /*max-width:74%;*/ min-height:310px; text-align:left; } #menu { text-align:left; width:24%; } #contenuMenu { color:#ffcc00; font-family:Verdana; font-size:12pt; text-align:top; position:absolute; top:27%; left:22%; }
Si vous avez également des solutions (autre que faire une feuille de style pour chaque résolution ce qui est impossible), merki.
Partager