[HTML 4.0] 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.

Vil'Coyote · 30/08/2011, 13h05

Citation:

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

j'aurais tendance à dire en commençant par le début à savoir ne pas utiliser de table pour du positionnement mais des div.

niusha · 01/09/2011, 17h52

Citation:

Envoyé par Vil'Coyote

j'aurais tendance à dire en commençant par le début à savoir ne pas utiliser de table pour du positionnement mais des div.

Merci de ta réponse.

Je vais creuser et je vous ferai un retour.

Niusha

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email