Internet Explorer Elements placés à droite d'un tableau lors redimensionnement fenêtre

**niusha** · 30/08/2011, 12h08

Bonjour à tous,

J'ai un problème de mise en forme sur une page html.

Je m'explique :

J'ai (dans l'ordre de positionnement vertical) :

-Tableau 1

-Lien A
-Lien B
-Lien C

-Tableau 2

Ces éléments s'affichent bien dans le bon ordre et les uns après les autres verticalement, sur les navigateurs Chrome, Firefox et Internet Explorer 7.

Cependant, sur Internet Explorer 7, lorsque je réduis la fenêtre de façon horizontale, les éléments sous le Tableau 1 viennent se positionner à droite de ce Tableau (le lien A par exemple).

Voici le code HTML :

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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<?php
 //$this->title = 'Interface des fiches';
 //$this->headTitle($this->title);
 ?>
 
 
<html>
 
<head>
 
<!-- style ici -->
<?php echo $this->headLink()->prependStylesheet($this->baseUrl().'/css/fiche.css'); ?>
 
 
</head>
<body>
 
 -->
<p>
<table align="left" border="1">
	<tbody>
 
<!-- ICI TABLEAU 1 : -->
 
	</tbody>
</table>
 
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
 
<p align = "left">
	<!-- <a href = "<?php /*echo $this->url(array('controller' => 'fiche',
	'action' => 'afficher',
	'Identifiant' => $this->Identifiant,
	'Profil' => $this->view->profil));*/?>">Retour</a>
	 -->
	<!-- <a href = "www.test.fr">Retour</a> -->
</p>
 
<p>
	<a href = "<?php echo $this->url(array('controller' => 'fiche',
        'action' => 'afficher',
        'Profil' => $this->profil,
        'Vue' => 'Ensemble'));?>">Afficher l'ensemble des items du questionnaire</a>
</p>
<p>
	<a href = "<?php echo $this->url(array('controller' => 'fiche',
        'action' => 'afficher',
        'Vue' => 'Partiel',
        'Profil' => $this->profil));?>">Afficher uniquement les items évalués non-conformes et les items évalués "Conforme" comportant un commentaire</a>
</p>
<p>
	<a href = "<?php echo $this->url(array('controller' => 'fiche',
        'action' => 'imprimer',
        //'Vue' => 'Partiel',
        'Vue' => $this->paramvue,
        'Profil' => 'Impression'));?>" target="_blank">Visualisation de la fiche en mode impression .</a>
</p>
<p>
	<i>( Pensez à sélectionner dans la mise en page le mode paysage avant de lancer votre impression )</i> 
</p>
<p align = "left">
 
<!-- ICI TABLEAU 2 : -->
	<table></table>
 
?>

Comment donc faire en sorte que les éléments restent positionnés de façon verticale ?

Je pense avoir conscience que la façon dont j'ai codé cette page n'est peut être pas la meilleure (série de <br />), mais mon niveau en html n'est pas transcendant.

Merci d'avance pour votre aide.

Niusha.