tableau html, probleme avec ie

**duktil** · 02/11/2005, 13h41

Je tient d'abbord à préciser que je débute en html et que je n'ai pas le temps de m'y consacrer pleinement. c'est pourquoi j'utilise encore une mise en page avec des tableau, j'essayerai plus tard de refaire la même chose avec div.

Mais je suis pris par le temps et j'aimerais d'abord que cette version avec des tableaux marche.

voici le code de ma page :

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
<body style="padding: 0 0 0 0; margin: 0 0 0 0">
<div align="center"><table border="1" cellpadding="0" cellspacing="0">
	<tr> 
        <td rowspan="2" height="420" width="280" style="background: url(images/menufleur.jpg); background-repeat: no-repeat;">&nbsp;</td>
        <td colspan="2" height="60" width="620" style="background: url(images/cerclehaut.jpg); background-repeat: no-repeat;">&nbsp;</td> 
	</tr>
	<tr>
		<td rowspan="2" width="590">
 
		 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
 
		</td>
		<td height="360" width="30" style="background: url(images/cerclegauche.jpg); background-repeat: no-repeat;"></td> 
	</tr>
	<tr>
		<td style="background: url(images/cercledroite1.jpg);">&nbsp;</td>
		<td style="background: url(images/cerclegauche1.jpg);">&nbsp;</td>
	</tr>
	<tr>
		<td ><img src="images/cerclegauchebas.jpg" border="0" width="280" height="30" alt=""></td>
		<td colspan="2" height="30" width="620" style="background: url(images/cerclebas.jpg); background-repeat: no-repeat;">&nbsp;</td>
	</tr>
</table></div>
</body>

Le contenu de ma page est dynamique, il est remplacé ici par une série de <br>. Le probléme est que la hauteur du cadre n'est pas fixe et que j'aimerais que le contenu de la page soit entouré par un cercle.
Sous firefox tout marche bien , mais sous ie, le cadre est coupé à certains endroit.
Voici un exemple : http://s140912728.onlinehome.fr/iop/

Pour bien que vous compreniez, j'ai laissé la bordure à 1, et pour voir le probléme, il faut l'ouvrir avec firefox et ie. Si quelqu'un peut m'aider ce serait super gentil.

**_Mac_** · 02/11/2005, 15h04

Vu comment ça se présente et après qq essais, à mon avis, tu as intérêt à revoir ton découpage en tableaux. Je pense qu'il faut que tu en imbriques plusieurs :

1 tableau général à 3 colonnes et à 2 lignes :
ligne du haut :
colonne 1 : un sous-tableau à 1 colonne et 2 lignes contenant le menu (images/menufleur.jpg) en haut et le reste du cercle (images/cerclegauche1.jpg) en dessous
colonne 2 : un sous-tableau à 1 colonne et 2 lignes avec la barre du haut en haut (hauteur = 60 pixels) et le contenu en dessous
colonne 3 : un sous-tableau à 1 colonne et 2 lignes avec l'arrondi et le reste du cercle (images/cercledroite1.jpg) en dessous
ligne du bas :
ce que tu as aujourd'hui

**duktil** · 02/11/2005, 16h33

Je vais essayer ca ce soir , et je te tiendrais au courant.

Merci de ta réponse si rapide.

edit :

voila ou j'en suis

http://s140912728.onlinehome.fr/iop/ok.html

Ca marche bien, mais je n'arrive pas à ce que les 2 tableaux du cote prennent toutes la place qu'ils ont.

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
<body>
<table summary="" border="1" cellpadding="0" cellspacing="0">
	<tr>
		<td valign="top" height="100%">
		<table summary="" border="0" cellpadding="0" cellspacing="0" >
		  	<tr>
		  		<td height="420" width="280" style="background: url(images/menufleur.jpg); background-repeat: no-repeat;"></td>
		  	</tr>
		  	<tr>
		  		<td height="100%" style="background: url(images/cercledroite1.jpg);">&nbsp;</td>
		  	</tr>
		</table>
		</td>
		<td>
		<table summary="" border="0" cellpadding="0" cellspacing="0">
		  	<tr>
		  		<td height="60" width="590" style="background: url(images/barrehaut.jpg); background-repeat: no-repeat;"></td>
		  	</tr>
		  	<tr>
		  		<td>
 
				 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
 
				</td>
		  	</tr>
		</table>
		</td>
		<td valign="top" height="100%">
		<table summary="" border="0" cellpadding="0" cellspacing="0">
		  	<tr>
		  		<td height="60" width="30" style="background: url(images/coinhaut.jpg); "></td>
		  	</tr>
		  	<tr>
		  		<td height="100%" style="background: url(images/cerclegauche1.jpg);">&nbsp;</td>
		  	</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td><img src="images/cerclegauchebas.jpg" border="0" width="280" height="30" alt=""></td>
      	<td colspan="2" height="30" width="620" style="background: url(images/cerclebas.jpg); background-repeat: no-repeat;"></td> 
	</tr>
</table>
</body>

**_Mac_** · 02/11/2005, 17h44

Tout simplement en ajoutant un height="100%" aux deux tableaux de gauche et de droite :

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
<body>
<table summary="" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td valign="top" height="100%">
      <table summary="" border="0" cellpadding="0" cellspacing="0" height="100%">
           <tr>
              <td height="420" width="280" style="background: url(images/menufleur.jpg); background-repeat: no-repeat;"></td>
           </tr>
           <tr>
              <td height="100%" style="background: url(images/cercledroite1.jpg);">&nbsp;</td>
           </tr>
      </table>
      </td>
      <td>
      <table summary="" border="0" cellpadding="0" cellspacing="0">
           <tr>
              <td height="60" width="590" style="background: url(images/barrehaut.jpg); background-repeat: no-repeat;"></td>
           </tr>
           <tr>
              <td>
 
             <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
      <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
 
            </td>
           </tr>
      </table>
      </td>
      <td valign="top" height="100%">
      <table summary="" border="0" cellpadding="0" cellspacing="0" height="100%">
           <tr>
              <td height="60" width="30" style="background: url(images/coinhaut.jpg); "></td>
           </tr>
           <tr>
              <td height="100%" style="background: url(images/cerclegauche1.jpg);">&nbsp;</td>
           </tr>
      </table>
      </td>
   </tr>
   <tr>
      <td><img src="images/cerclegauchebas.jpg" border="0" width="280" height="30" alt=""></td>
         <td colspan="2" height="30" width="620" style="background: url(images/cerclebas.jpg); background-repeat: no-repeat;"></td>
   </tr>
</table>
</body>

**duktil** · 02/11/2005, 18h20

Je suis un boulet , j'ai essayer de mettre des height=100% un peu partout mais j'ai pas penser que l'on pouvait les mettre dans les table.

Merci beaucoup pour ton aide.

J'espere pouvoir un jour, tout refaire avec des div.

tableau html, probleme avec ie

HTML

Vue hybride

Discussions similaires

Partager

Partager