Problème rendu sous IE

xaf_le_ragondin Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
xaf_le_ragondin Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Voilà, j'ai un souci par rapport à mon site https://www.vitaminez.be/ J'ai un bouton (sous IE) qui est surelevé par rapport aux autres et je pige pas pq. Le layout a été dessiné et découpé dans photoshop et importé dans dreamweaver. Dans firefox, il est nickel mais pas dans IE. Voici le code css.

@charset "utf-8";

.wrap
{
padding:0 auto;
margin:0 auto;
width:1024px;
height:795px;

}

body{
width:90%;margin:auto;padding:auto;min-width:600px;max-width:2000px
}


.wrapdia
{
background: url(image/structure_11.jpg) no-repeat;
height:218px;
width:269px;


}

#contenu
{
width:630px;
height:491px;
background-image:url(image/structure_10.jpg);
background-repeat:repeat;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;





}

.mention
{
text-align:center;
font-size:small;
color:#FFFFFF;
}

.activité
{
background: url(image/structure_12.jpg) no-repeat;
height:273px;
width:269px;

}

/* CSS Document */



Et le code HTML

<!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>
<title>La maison des jeunes de la ville de Wavre: LA VITAMINE Z</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="revisit-after" content="15" />
<meta name="classification" content="Education" />
<meta name="description" content=" vitamine Z, Site de la maison de jeune de wavre subsidiee par la communaute francaise de belgique" />
<meta name="keywords" content="Vitamine z, maison des jeunes, wavre, concert, services, location, soiree, stages, activitees, jeunes, ateliers, agenda, guitare, batterie, beakdance, discussion, créatif, organisation, asbl" />
<meta name="robots" content="INDEX" />
		<meta http-equiv="Content-Language" content="fr" />
        


        <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<div class="wrap">
<body bgcolor="#064a7e" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (structure.psd) -->
<table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td colspan="9" align="center" valign="middle">
			<img src="image/structure_01.jpg" width="1024" height="150" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="image/structure_02.jpg" width="6" height="618" alt=""></td>
		<td colspan="2">
        <a href="index.html"> 
			<img src="image/bt_03.jpg" width="203" height="100" alt="" border="0" onMouseOver="this.src='image/btup_03.jpg'" onMouseOut="this.src='image/bt_03.jpg'"></a></td>
		<td>
        <a href="equipe.html"> 
			<img src="image/bt_04.jpg" width="203" height="100" alt=""border="0" onMouseOver="this.src='image/btup_04.jpg'" onMouseOut="this.src='image/bt_04.jpg'"></a> </td>
		<td>
        <a href="infos.html"> 
			<img src="image/bt_05.jpg" width="203" height="100" alt="" border="0" onMouseOver="this.src='image/btup_05.jpg'" onMouseOut="this.src='image/bt_05.jpg'"></a></td>
		<td colspan="2">
        <a href="ateliers.html"> 
			<img src="image/bt_06.jpg" width="202" height="100" alt="" border="0" onMouseOver="this.src='image/btup_06.jpg'" onMouseOut="this.src='image/bt_06.jpg'"></a></td>
		<td>
        <a href="http://189329.aceboard.fr/index.php?login=189329" target="_blank"> 
			<img src="image/bt_07.jpg" width="202" height="100" alt="" border="0" onMouseOver="this.src='image/btup_07.jpg'" onMouseOut="this.src='image/bt_07.jpg'"></a></td>
		<td rowspan="4">
			<img src="image/structure_08.jpg" width="5" height="618" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="image/structure_09.jpg" width="114" height="518" alt=""></td>
		<td colspan="4" rowspan="2">
        <div id="contenu">
			<h3>Voici la liste de l'équipe qui gère la maison des jeunes ainsi que sa fonction.</h3>
            
            <h3>Le conseil d'administration:</h3>
            
            <ul type="circle">
            
            <li><b>Sandra Marchal:</b>&nbsp;Présidente.</li>
            <li><b>Nicole Van Heygen:</b>&nbsp;Trésorière.</li>
            <li><b>Julie Nitelet:</b>&nbsp;Secrétaire.</li>
            <li><b>Caroline Declercq:</b>&nbsp;Administratrice déléguée.</li>
            <li><b>Edith Danze:</b>&nbsp;Admninistratrice.</li>
            <li><b>Christophe Marchal:</b>&nbsp;Admninistrateur.</li>
            <li><b>Laetitia Devleeschouwer:</b>&nbsp;Admninistratrice.</li>
            <li><b>Alouad Messoud:</b>&nbsp;Admninistrateur.</li>
            <li><b>Caroline Delaey:</b>&nbsp;Admninistratrice.</li>
            <li><b>Grégory Tabourdon:</b>&nbsp;Admninistrateur.</li>
            <li><b>Philippe Bruyeer:</b>&nbsp;Admninistrateur.</li>
            <li><b>Sébastien Lothe:</b>&nbsp;Admninistrateur.</li>
            <li><b>Yuri Ito:</b>&nbsp;Admninistrateur.</li>
            
            </ul>
            
            
            
            <h3>L'équipe d'animation:</h3>
            <ul type="circle">
            
            <li><b>Mélanie Jonckers:</b>&nbsp;Coordinatrice.</li><br />
            <li><b>Clément Finné:</b>&nbsp;Coordinateur intérim, responsable concert, responsable relations publiques.</li><br />
            <li><b>Tania Coquereau:</b>&nbsp; Responsable promotion de la maison des jeunes, responsable Z'news, responsable carnaval.</li><br />
            <li><b>Xavier Debruyne:</b>&nbsp;Responsable informatique et web, responsable régie concert, responsable création publicitaire, responsable Saint-Patrick.</li><br />
            <li><b>Alisson:</b>&nbsp;Responsable relations extérieures, responsable des 12-16 ans.</li><br />
            <li><b>Christophe Seelde:</b>&nbsp; Responsable relations extérieures, responsable sport.</li>
            
            </ul>
            
          </div>
          
            
            
            </td>
		<td class="wrapdia" colspan="2">
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','248','height','188','id','diapovz','align','middle','src','flavz','quality','high','bgcolor','#064a7e','name','flavz','allowscriptaccess','sameDomain','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','transparent','movie','flavz' ); //end AC code
</script><noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload2.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="248" height="188" id="diapovz" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param value="transparent" name="wmode"/>
<param name="movie" value="flavz.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#064a7e" /><embed src="flavz.swf" quality="high" bgcolor="#ffffff" width="248" height="188" name="flavz" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://get.adobe.com/flashplayer/" />
</object></noscript>
        
			
  
            
            </td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="image/structure_12.jpg" width="269" height="273" alt="">
            </td>
	</tr>
	<tr>
		<td colspan="6">
			<img src="image/structure_13.jpg" width="899" height="27" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="image/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="image/spacer.gif" width="114" height="1" alt=""></td>
		<td>
			<img src="image/spacer.gif" width="89" height="1" alt=""></td>
		<td>
			<img src="image/spacer.gif" width="203" height="1" alt=""></td>
		<td>
			<img src="image/spacer.gif" width="203" height="1" alt=""></td>
		<td>
			<img src="image/spacer.gif" width="135" height="1" alt=""></td>
		<td>
			<img src="image/spacer.gif" width="67" height="1" alt=""></td>
		<td>
			<img src="image/spacer.gif" width="202" height="1" alt=""></td>
		<td>
			<img src="image/spacer.gif" width="5" height="1" alt=""></td>
	</tr>
</table>
<span class="mention">
<p align="center">&copy;Mad angel design & vitamine Z 2008 - 79, avenue des Déportés - 1300 Wavre</p>
</span>
<!-- End ImageReady Slices -->
</body>
</div>
</html>



Voilà, MERCI de me consacrer un peu de votre temps.
A voir également:

2 réponses

jj
 
Bonjour,

En dehors du fait que la mise en page par tableaux n'est vraiment pas ce qu'il y a de mieux, il te manque un colspan="2" dans le td du bouton "equipe".

Cordialement
0
xaf_le_ragondin Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,

J'ai essayé de rajouter un colspan="2" dans la td juste au dessus de mon <a href...> qui se trouve au dessus de mon bouton équipe (le bt_04) mais ça m'a tout décallé à gauche et ça laisse le décalage vers le haut.

Sinon, je sais que c'est pas la meilleure technique mais je n'avais encore jamais eu de problème avant donc tant que ça marche...

Merci pour ta réponse mais à priori c'est pas ça.
-1