Problème tableau/colspan sous internet explorer

**julaf** · 02/01/2008, 16h52

Bonjours,

Je réalise un site, le client (un ami) n'a pas choisie le design le plus adapté pour me faciliter le travail

. En fait j'ai une structure comme ça:

Je voudrais donc que seule les cellules du centre des colonnes de droite et gauche s'allonge avec la colonne centrale.
Le résultat est parfait avec firefox mais internet explorer semble ne pas vouloir respecter les taille de celulles.

Voilà le code html de la 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
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
 
<body>
<table width="1083" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr height="174">
         <td colspan="5"><img src="<?php echo $mosConfig_live_site;?>/templates/mangartsf/images/banniere.gif" width="1083" height="174"></td>
  </tr>
  <tr height="39">
    <td colspan="5" align="center" width="1083" id="bar-haut"><div class="titre-page">Site de mangas-fan-arts :: Asbomb</div></td>
  </tr>
  <tr height="84">
    <td width="83" valign="top" id="colonne-gauche"></td>
    <td height="84" valign="top" width="196" id="haut-gauche">
	     <div class="heure">   
				<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="horloge" align="middle" height="50" width="150">
				<param name="allowScriptAccess" value="sameDomain">
				<param name="movie" value="<?php echo $mosConfig_live_site;?>/templates/mangartsf/images/heure.swf">
				<param name="quality" value="high">
				<param name="wmode" value="transparent">
				<param name="bgcolor" value="#94b3e9">
				<embed src="<?php echo $mosConfig_live_site;?>/templates/mangartsf/images/heure.swf" quality="high" wmode="transparent" bgcolor="#94b3e9" name="horloge" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="50" width="150">
				</object>
      	</div>
 
	</td>
    <td width="459" height="84" rowspan="3" valign="top" id="centre">
		<h1>Test site MANGAS JEROME</h1>
                <?php mosMainBody(); ?>
    </td>
    <td height="84" valign="top" width="197" id="haut-droit">
			<div id="enligne"><?php mosLoadModules ( 'user8'); ?></div>
	</td>
    <td width="152"  height="84" valign="top" id="colonne-droite"></td>
  </tr>
  <tr valign="top">
    <td valign="top">&nbsp;</td>
    <td valign="top" id="menu-gauche">
	<div id="fond-menu-gauche">
		<div id="menugauche">
				<?php mosLoadModules ( 'user5'); ?>
		</div>
	</div>
 
	</td>
    <td valign="top" id="menu-droit">
	<div></div>
	<div id="menudroit">
			<ul>
			  <li><a href="#">MENU 1</a></li>
			  <li>nbvbhv</li>
		    </ul>
 
 
	</div>
	<div id="menudroit-tele"><?php mosLoadModules ( 'user7'); ?></div>
	</td>
    <td valign="top">&nbsp;</td>
  </tr>
  <tr height="200px">
    <td height="200px">&nbsp;</td>
    <td height="200px"><img src="<?php echo $mosConfig_live_site;?>/templates/mangartsf/images/bas-gauche.gif" width="196" height="200"></td>
    <td height="200px"><img src="<?php echo $mosConfig_live_site;?>/templates/mangartsf/images/chat.gif" width="197" height="200"></td>
    <td height="200px">&nbsp;</td>
  </tr>
    <tr align="center">
    <td colspan="5"><b><i>Copyright asbomb 2007 (site optimisé pour Firefox)</i></b> </td>
  </tr>
</table>
</body>

Merci d'avance pour votre aide

.

PS : aperçu à cette adresse http://sk8f.free.fr/index.php?option...id=1&Itemid=37

Julian

**HiRoN** · 02/01/2008, 17h32

Inclure les images relatives au design dans le CSS pourrait éviter ce genre de problème je pense... (class = "ceketuve" dans tes <td> / <tr> en fonction de ce que tu veux et dans ton CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
.ceketuve
{
	background-image: url("../images/ceketuve.jpg");
	background-repeat : repeat-y;
	width : XXX px;
	height : XXX px;
}

+ options border-spacing ou autre afin d'ajuster.

**julaf** · 02/01/2008, 19h27

J'ai mis toutes les images dans le css en définissant des class="" dans mes tr/td. Mais mon problème est toujours là avec IE, il n'y a pas que les cellules centrales des colonnes de droite et gauche qui s'étire avec celle du centre(principale).
Je ne vois vraiment pas comment faire pour ajuster ceci pur IE

.

**julaf** · 02/01/2008, 22h06

Problème résolut en changeant la conception des blocs...

Problème tableau/colspan sous internet explorer

HTML

Discussions similaires

Partager

Partager