Probleme de désign sous IE.

[diaz06]

Salut à tous.

J'ai des soucis avec mon site, tout fonctionne sous Firefox mais sous IE j'ai des décalages de mon menu d'apres la débugbarre. Pourtant j'ai essayé de changer les propriétés du tableau, mais rien n'y fait.

Voila l'adresse :

http://www.wow-annexe.fr/

Merci.

 

[bproductiv]

Impossible de t'aider..la source est tellement, heu..ENORME, merci qui? merci les tableaux...illisibles.
PS: je crois qu'il te manque 2 ou 3 métas, non? :lol:

 

[diaz06]

Je met quel code, le CSS ou le html ?

 

[bproductiv]

si tu code bien, le css suffit. mais pas tout le css..
uniquement pour les parties qui deconnent et les parents

 

[diaz06]

Voila la partie du CSS dans laquelle je pense que ça bloque :

BODY {
	margin : 0;
	padding : 0;
	background-color : #CCCCCC;


} 
img { border:none }
a:link {
	color: #697A96;
	text-decoration: none;


}

a:visited {
	color: #697A96;
	text-decoration: none;

}

news
        {
            width:67%;
            margin:inherit;
			
        }

a:hover {
	color: #D22F2F;
	text-decoration: none;




}
.fondpage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 780px;

}
.R {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	color: #697A96;
	background-image: url(images/Rvide.jpg);
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 13px;
	vertical-align: middle;
	height: 27px;
	width: 202px;
}
.Rvide {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	color: #697A96;
	background-image: url(images/Rvide.jpg);
	background-repeat: repeat-y;
	text-align: center;
	vertical-align: middle;
	width: 202px;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #697A96;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	height: 27px;
	width: 316px;
}

Et voila une partie du code du tableau principale :

<table width="850" border="0" align="center" cellpadding="0" cellspacing="0" class="fondpage">
<!--DWLayoutTable-->
<tr> 
<td height="134" colspan="3" valign="top"><img src="header copie.jpg" alt="" width="780" height="135"></td>
</tr>
<tr> 
<td height="31" colspan="2" valign="top"><img src="images/decoG.jpg" alt="" width="474" height="31"></td>
<td width="376" valign="top" class="menuH Style7">Optimise pour fonctionner sous Firefox </td>
</tr>
<tr> 
<td height="54" colspan="3" valign="top"><img src="images/sousheader.jpg" width="780" alt="0" height="54"></td>
</tr>
<tr> 
<td width="202" height="457" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
  <td height="27" valign="top" class="R"><div align="center" class="Style1"><span class="Style6">General :</span></div></td>
</tr>

 

[bproductiv]

nan nan vraiment désolé..je pige rien..les tableaux imbriqués c'est trop complexes, illisibles, etc..
On a pas les mêmes méthodes du coup je suis perdu,
tu dois bien galérer quand tu as une modif a faire quelque part..
Bon courage

 

[diaz06]

Ok, merci quand meme !

 

[j dahec]

Salut,

Peut-être le style "text-align" dans ta cellule.

 

[diaz06]

Salut,

J'ai enlevé le style texte-align, mais le probleme persiste.

Merci quand meme.

 

[j dahec]

l'idée c'était:
"<td colspan="2" style="vertical-align: top; text-align: left;">

 

[diaz06]

J'ai réglé en partie le probleme, le texte ne déborde plus.

Néanmoins, il y a toujours le probleme de marge..

Cela venais d'une erreure dans la feuille de style, au niveau du style contenu.