Salut tout le monde,

Je suis en ce moment en train de finaliser un site pour l'entreprise qui m'accueille et je viens de me rendre compte d'un gros défaut sous IE7: lorsque je passe à une résolution de navigateur plus petite, le contenu de ma page descend.

Je travaille en php: j'ai donc 3 parties différentes dans mon index : le bandeau, le menu et l'index (qui contient le contenu de mon site) et utilise du CSS pour toute la mise en page.

J'ai déjà essayé d'utiliser la propriété "position" avec les attributs "fixed, absolute, static, relative" et cela à pour conséquence de me défaire toute ma mise en page.

Si quelqu'un avait une idée ou une autre propriétés à me suggérer, cela m'aiderait beaucoup.

Voilà comment se présente mon index.php

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
 
<body>	
	<tr>
	<td>
 
			<div id="haut">
				<?php
					include('haut.php');
				?>	
			</div>
 
	</td>
	</tr>
 
	<tr>
	<td>
 
			<div id="menu_index">
				<?php
					include('menu.php');
				?>
			</div>
 
	</td>
	<td>
 
			<div id="index">
			<?php
 
				//referencement dans un tableau des pages autorisées du site
 
 
 
				if ( (isset($_GET['lien'])) && isset($page[$_GET['lien']]) )//si la page demandée se trouve dans le tableau des pages autorisées
					{
						include ($page[$_GET['lien']]);//chargement de la page autorisée
					}
				else
					{
						include('presentation.php');//chargement de la page par défaut
					}
 
			?>
 
			</div>
 
	</td>
	</tr>
et voici la partie concernée du 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
 
 
/*CSS du contenu*/
 
#index
{	
	margin:0px 0px 0px 350px;
	width:800px;
	text-align:justify;
	font-weight:600;
 
}
#index2
{	
	margin:50px 0px 0px 0px;
	width:800px;
	text-align:justify;
}
#contenu
{
text-align:justify;
text-indent:50px;
width:800px;
}
 
 
/*CSS du menu*/
#menu_index
{
	float:left;
	vertical-align:middle;
	position:static;
	width:300px;
	height:200px;
}
Merci d'avance.