28172 sujets

CSS et mise en forme, CSS3

Problème Template (Firefox/IE)

Bonjour,

Je suis en train de m'auto-former en CSS donc pour cela je crée la v2 de mon site www.teamtoc.org. Celà dit j'ai encore quelques soucis.
Je m'explique, j'ai mis en forme mon template, celui-ci ressort très bien sous Firefox mais ressort totalement n'importe quoi sur IE.
Voici l'aperçu : www.teamtoc.org/v2

Voici mon CSS : www.teamtoc.org/v2/styles/style.css
Et voici le code de la page index : 
<!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=UTF-8" />
        <title>Team TOC</title>
        <link rel="stylesheet" type="text/css" href="styles/style.css">
		
		<SCRIPT language="JavaScript">
			function menuover(idmenu)
			{
				//affichage de l'image fleche
				id = document.getElementById("menu"+idmenu);
				id.style.backgroundImage="url('img/4_2h.jpg')";
				
				//modification du titre de gauche
				titreG = document.getElementById("titre_G"+idmenu);
				taille_divG=parseInt(55+idmenu*105); //calcul de la taille du dic contenant le texte
				titreG.style.width=taille_divG+"px";
				titreG.style.visibility="visible";
				
				//modification du titre de droite
				titreD = document.getElementById("titre_D"+idmenu);
				taille_divD=parseInt(805-taille_divG);
				titreD.style.width=taille_divD+"px";
				marginL=parseInt(taille_divG+170);
				titreD.style.marginLeft=marginL+"px";
				titreD.style.visibility="visible";
			}
			
			function menuout(idmenu)
			{
				id = document.getElementById("menu"+idmenu);
				id.style.backgroundImage="url('img/4_2.jpg')";
				titreG = document.getElementById("titre_G"+idmenu);
				titreG.style.visibility="hidden";
				titreD = document.getElementById("titre_D"+idmenu);
				titreD.style.visibility="hidden";
			}
		</SCRIPT>
    </head>
    <body>
    	<div class="total">
          	<div class="l1_c1"></div>
            <div class="l2"
                <div class="gl2_c1">
                    <div class="l2_c1"></div>
                    <div class="l2_c12"></div>
                </div>
                <div class="l2_c2"></div>
                <div class="gl2_c3">
                    <div class="l2_c3"></div>
                    <div class="l2_c4"></div>
                    <div class="l2_c5"></div>
                    <div class="l2_c6"></div>
                </div>
            </div>
            <div class="l3">
            	<div class="l3_c1"></div>
            	<div class="l3_c2">
                	<div class="btn_menu" onmouseover="menuover(1);" onmouseout="menuout(1);">News</div>
                	<div class="btn_menu" onmouseover="menuover(2);" onmouseout="menuout(2);">Team</div>
                	<div class="btn_menu" onmouseover="menuover(3);" onmouseout="menuout(3);">Matchs</div>
                	<div class="btn_menu" onmouseover="menuover(4);" onmouseout="menuout(4);">Forum</div>
                	<div class="btn_menu" onmouseover="menuover(5);" onmouseout="menuout(5);">Galerie</div>
                	<div class="btn_menu" onmouseover="menuover(6);" onmouseout="menuout(6);">Liens</div>
                </div>
            	<div class="l3_c3"></div>
            </div>
            <div class="l4">
            	<div class="l4_c1">
					<div class="titre_G" id="titre_G1">Les nouveautés</div>
					<div class="titre_G" id="titre_G2">L'équipe</div>
					<div class="titre_G" id="titre_G3">Les matchs</div>
					<div class="titre_G" id="titre_G4">Le forum de discussion</div>
					<div class="titre_G" id="titre_G5">La galerie de photos</div>
					<div class="titre_G" id="titre_G6">Les liens utiles et les sites des autres teams</div>
					<div class="titre_D" id="titre_D1">"L'actualité de la team de fous furieux au jour le jour"</div>
					<div class="titre_D" id="titre_D2">"Les membres de cet asile qu'est la team TOC"</div>
					<div class="titre_D" id="titre_D3">"Les rencontres contre des gens normaux"</div>
					<div class="titre_D" id="titre_D4">"Là où ils peuvent s'exprimer"</div>
					<div class="titre_D" id="titre_D5">"Regardez ces idiots"</div>
					<div class="titre_D" id="titre_D6">"Les liens"</div>
				</div>
            	<div id="menu1" class="l4_c2">
					<div class="l4_c2g"></div>
				</div>
            	<div id="menu2" class="l4_c2"></div>
            	<div id="menu3" class="l4_c2"></div>
            	<div id="menu4" class="l4_c2"></div>
            	<div id="menu5" class="l4_c2"></div>
            	<div id="menu6" class="l4_c2">
					<div class="l4_c2d"></div>
				</div>
            	<div class="l4_c3">
					<div class="ong_tribune"></div>
					<div class="ong_ts"></div>
					<div class="ong_tmn"></div>
					<div class="ong_css"></div>
				</div>
            </div>
			<div class="l5">
			</div>
        </div>
    </body>
</html>


Merci de me dire ce que je fais mal pour que ça ne marche pas sur IE.

Merci Smiley cligne
Modifié par fitiwizz (10 Aug 2008 - 12:24)
Merci, j'ai corrigé les petites erreurs, il y a un peu de mieux mais toujours le problème à droite de mauvaise répétition de div.

Mon fichier PHP ne comporte plus aucune erreur sur le validator W3C sauf un warning concernant l'UTF-8... J'ai testé en ANSI (même si je savais très bien que ça ne changerais pas grand chose au problème) et pareil.

Le fichier CSS ne comporte aucune erreur non plus.
Sujet clos
Aller à