28220 sujets

CSS et mise en forme, CSS3

Problème affichage de style

Bonjour à tous,

J'ai un problème d'affichage de bordure qui s'affiche là où elle ne devrait pas, et pas là où elle devrait.. J'en deviens chèvre Smiley decu

Je joins le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FAST - Tout &eacute;change</title>
<style type="text/css">
<!-- 
table.formulaire {
border-collapse: collapse;
}
table.formulaire td {
border: 1px solid #ff0000;
}
-->
</style>
<script type="text/javascript">
function checTt(form,box,tout) {
var E = document.forms[form].elements;
var C = new Array();
var j = 0;
// recup du tableau des 'Choix_qque_chose'
for (var i=0;i<E.length;i++)
   if(E[i].type=='checkbox' && E[i].name.indexOf(box)!=-1)
    { C[j] = E[i]; j++; }
// cochage des 'Choix_qque_chose'
var j = true;
for(var i=1;i<C.length;i++)
        if(tout) C[i].checked=C[0].checked;
        else
        j = j*C[i].checked;
if(!tout) C[0].checked = j;
}
</script>
<script type="text/javascript">

function ShowHide(id1, id2, id3, id4, id5, id6) {
	  if (id1 != '') expMenu(id1);
	  if (id2 != '') expMenu(id2);
	  if (id3 != '') expMenu(id3);
	  if (id4 != '') expMenu(id4);
	  if (id5 != '') expMenu(id5);
	  if (id6 != '') expMenu(id6);
	}

function expMenu(id) {
	  var itm = null;
	  if (document.getElementById) {
		itm = document.getElementById(id);
	  } else if (document.all){
		itm = document.all[id];
	  } else if (document.layers){
		itm = document.layers[id];
	  }
	
	  if (!itm) {
	   // do nothing
	  }
	  else if (itm.style) {
		if (itm.style.display == "none") { itm.style.display = ""; }
		else { itm.style.display = "none"; }
	  }
	  else { itm.visibility = "show"; }
	}

</script>
</head>
<body>
<div id="contenu">
<form action="#" method="post" name="form1" id="form1">
<table class="formulaire" style="border: 2px solid #cccccc; ">
					<tbody>	
                    <tr>
                      <th class="fluxFast"><div align="left">Flux FAST</div></th>
                      <th class="portail">Portail</th>
                      <th class="logiciel">Logiciel</th>
                    </tr>
                    <tr>
                      <td width="500"><a href="javascript:ShowHide('tr_1.1','tr_1.2','tr_1.3');">1 - Transmission d'un acte</a></td>
                      <td align="center">
                        <input type="checkbox" name="TransmissionPortail" onclick="checTt('form1','TransmissionPortail',true);" checked="checked" />
                      </td>
                      <td align="center">
                        <input type="checkbox" name="TransmissionLogiciel" onclick="checTt('form1','TransmissionLogiciel',true);" />
                      </td>
                    </tr>
                    <tr id='tr_1.1' style="display:none;position:relative;">
                      <td>1.1 - Transmission acte</td>
                      <td align="center">
                        <input type="checkbox" name="TransmissionPortail_1" onclick="checTt('form1','TransmissionPortail');" checked="checked" />
                      </td>
                      <td align="center">
                        <input type="checkbox" name="TransmissionLogiciel_1" onclick="checTt('form1','TransmissionLogiciel');" />
                      </td>
                    </tr>
                    <tr id='tr_1.2' style="display:none;position:relative;">
                      <td>1.2 - Accus&eacute; de r&eacute;ception</td>

                      <td align="center">
                        <input type="checkbox" name="TransmissionPortail_2" onclick="checTt('form1','TransmissionPortail');" checked="checked" />
                      </td>
                      <td align="center">
                        <input type="checkbox" name="TransmissionLogiciel_2" onclick="checTt('form1','TransmissionLogiciel');" />
                      </td>
                    </tr>
                    <tr id='tr_1.3' style="display:none;position:relative;">
                      <td>1.3 - Anomalie dans le formulaire signal&eacute;tique de l&rsquo;acte</td>
                      <td align="center">
                        <input type="checkbox" name="TransmissionPortail_3" onclick="checTt('form1','TransmissionPortail');" checked="checked" />
                      </td>
                      <td align="center">
                        <input type="checkbox" name="TransmissionLogiciel_3" onclick="checTt('form1','TransmissionLogiciel');" />
                      </td>

                    </tr>
	</tbody>
</table>
</form>
</div>

</body>
</html>


J'ai mis la bordure de mes cellules en rouge pour qu'on voit bien le problème.
Erreur CSS, ou erreur javascript ?

[EDIT] : je précise que le bug n'apparait pas sous Firefox, mais uniquement IE6 (navigateur imposé par le client)
Merci,
Eric[/i][/i][/i][/i][/i]
Modifié par Ericf (01 Jul 2005 - 15:05)
Sujet clos
Aller à