Pb affichage table ou css IE != Firefox

welbior Messages postés 111 Statut Membre -  
Dalida Messages postés 7114 Statut Contributeur -
Bonjour,
Voila tout est dans le titre, j'ai devellopé un menu pour un site en javascript (je viens de m'y mettre) et tout marché bien quand je testé sous Firefox. Il m'est venu a l'idée de le tester sous IE. et la boum badaboum gros probleme plus rien n'est aligné comme il faut. Je vous passe mes trois fichier. Si quelqu'un à une idée ca serait super

Le css
[code]
.menu{
/*padding:55px;*/
font-size: 14px;
font-weight:bold;
font-family: Arial, bold, sans-serif;
/*-moz-border-radius: 40px ;*/
width:780px;
margin: auto;
height:130px;
background-color:#AAA;
color:".$row_texte_toutes_pages['couleur_coul'].";
border:#2A2A2A solid ;

}
.content {

font-family: Arial, bold, sans-serif;
font-size: 12px;
background-color:".$row_couleur_du_fond['couleur_coul'].";
color:".$row_texte_toutes_pages['couleur_coul'].";
width:800px;
margin: auto;



}
#saison {
position:relative;
margin: -132px 0 0 179px;
visibility:hidden;
}
#calendrier {
position:relative;
margin: -132px 0 0 179px;
visibility:hidden;
}
#reserver {
position:relative;
margin: -132px 0 0 179px;
visibility:hidden;
}
#artiste {
position:relative;
margin: -132px 0 0 179px;
visibility:hidden;
}
#opera {
position:relative;
margin: -132px 0 0 179px;
visibility:hidden;
}



.image {
background-image:url(/images/Hiver.jpg);
}
.content a{
color:".$row_texte_toutes_pages['couleur_coul'].";
}
.content a:hover {
color:".$row_texte_toutes_pages['couleur_coul'].";
}



.pied{
background-color:#555555;
color:#ffffff;


}

/code

et le fichier du menu

[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=utf-8" />
<title>Opéra de Rouen</title>

<link href="normal.php" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="./images/favicon.ico" />

</head>
<body>
<script language="javascript">
function affiche1()
{
element = document.getElementById("saison");
element.style.visibility="visible";
element = document.getElementById("calendrier");
element.style.visibility="hidden";
element = document.getElementById("reserver");
element.style.visibility="hidden";
element = document.getElementById("artiste");
element.style.visibility="hidden";
element = document.getElementById("opera");
element.style.visibility="hidden";


}

function affiche2()
{
element = document.getElementById("saison");
element.style.visibility="hidden";
element = document.getElementById("calendrier");
element.style.visibility="visible";
element = document.getElementById("reserver");
element.style.visibility="hidden";
element = document.getElementById("artiste");
element.style.visibility="hidden";
element = document.getElementById("opera");
element.style.visibility="hidden";


}

function affiche3()
{
element = document.getElementById("saison");
element.style.visibility="hidden";
element = document.getElementById("calendrier");
element.style.visibility="hidden";
element = document.getElementById("reserver");
element.style.visibility="visible";
element = document.getElementById("artiste");
element.style.visibility="hidden";
element = document.getElementById("opera");
element.style.visibility="hidden";


}

function affiche4()
{
element = document.getElementById("saison");
element.style.visibility="hidden";
element = document.getElementById("calendrier");
element.style.visibility="hidden";
element = document.getElementById("reserver");
element.style.visibility="hidden";
element = document.getElementById("artiste");
element.style.visibility="visible";
element = document.getElementById("opera");
element.style.visibility="hidden";


}

function affiche5()
{
element = document.getElementById("saison");
element.style.visibility="hidden";
element = document.getElementById("calendrier");
element.style.visibility="hidden";
element = document.getElementById("reserver");
element.style.visibility="hidden";
element = document.getElementById("artiste");
element.style.visibility="hidden";
element = document.getElementById("opera");
element.style.visibility="visible";


}

</script>


<div class="menu">
<table>
<tr height="24px"><td onmouseover="affiche1()" width="179px" >SAISON</td></tr>
<tr height="24px"><td onmouseover="affiche2()" width="179px">CALENDRIER</td></tr>
<tr height="24px"><td onmouseover="affiche3()" width="179px">RÉSERVER</td></tr>
<tr height="24px"><td onmouseover="affiche4()" width="179px">ARTISTE</td></tr>
<tr height="24px"><td onmouseover="affiche5()" width="179px">L'OPÉRA S'OUVRE...</td></tr>
</table>

<div id="saison">
<table>
<tr height="24px"><td width="183">LYRIQUE</td><td width="226">CONCERTS SYMPHONIQUES</td><td width="81">DANSE</td><td width="111">JEUNE PULBIC</td></tr>
<tr height="24px"><td width="183">VOIX DU MONDE</td><td width="226">MUSIQUE DE CHAMBRE</td><td width="81"></td><td width="111">TOURNEES</td></tr>
<tr height="24px"><td width="183">ENSEMBLE VOCAUX</td><td width="226"></td><td width="81"></td><td width="111">ECOUTEZ, VOIR</td></tr>
<tr height="24px"><td width="183"></td><td width="226"></td><td width="81"></td></tr>
<tr height="24px"><td width="183"></td><td width="226"></td><td width="81"></td></tr>
</table>
</div>

<div id="calendrier">
<table>
<tr height="24px"><td>calendrier</td><td>calendrier</td></tr>
<tr height="24px"><td>calendrier</td><td>calendrier</td></tr>
<tr height="24px"><td>calendrier</td><td>calendrier</td></tr>
<tr height="24px"><td>calendrier</td><td>calendrier</td></tr>
<tr height="24px"><td>calendrier</td><td>calendrier</td></tr>
</table>
</div>

<div id="reserver">
<table>
<tr height="24px"><td width="380">ACHAT EN LIGNE</td></tr>
<tr height="24px"><td width="380">INFORMATIONS PRATIQUES</td></tr>
<tr height="24px"><td width="380">TARIFS</td></tr>
<tr height="24px"><td width="380">ABONNEMENT</td></tr>
<tr height="24px"><td width="380">TELECHARGER / RECEVOIR LA BROCHURE</td></tr>
</table>
</div>

<div id="artiste">
<table>
<tr height="24px"><td>Artiste</td><td>artiste</td></tr>
<tr height="24px"><td>Artiste</td><td>artiste</td></tr>
<tr height="24px"><td>Artiste</td><td>artiste</td></tr>
<tr height="24px"><td>Artiste</td><td>artiste</td></tr>
<tr height="24px"><td>Artiste</td><td>artiste</td></tr>
</table>
</div>

<div id="opera">
<table>
<tr height="24px"><td>opera s'ouvre</td><td>opera s'ouvre</td></tr>
<tr height="24px"><td>opera s'ouvre</td><td>opera s'ouvre</td></tr>
<tr height="24px"><td>opera s'ouvre</td><td>opera s'ouvre</td></tr>
<tr height="24px"><td>opera s'ouvre</td><td>opera s'ouvre</td></tr>
<tr height="24px"><td>opera s'ouvre</td><td>opera s'ouvre</td></tr>
</table>
</div>
</div>

/code







Ps : ya du php dans mon css c'est normal car j'ai besion que les couleurs, les polices et leurs taille soit dynamique mais aucun pb de ce coté la .
A voir également:

6 réponses

Réponse 1 / 6
Utilisateur anonyme
 
Bonsoir,
la réponse est aussi dans le titre. En effet IE et firefox n'interprête pas les tags de la même manière.
c'est un problème connu.
Si on veut le même résultat il faut se contenter de choses vraiment basiques.
0
Dalida Messages postés 7114 Statut Contributeur 923
 
salut,

???

tu t'es baladé sur Internet récemment ?
tu as vraiment l'impression qu'on s'y contente de choses vraiment basiques ?
0
Utilisateur anonyme > Dalida Messages postés 7114 Statut Contributeur
 
bien sûr que non !
0
Dalida Messages postés 7114 Statut Contributeur 923 > Utilisateur anonyme
 
Si on veut le même résultat il faut se contenter de choses vraiment basiques
c'est juste pour ça que je posais la question…
-;o)

CCM réussit à produire le même résultat, pourtant on ne peut pas dire que le site soit basique !
0
Utilisateur anonyme > Dalida Messages postés 7114 Statut Contributeur
 
je voulais simplement dire qu'il fallait utiliser des choses que les navigateurs interprétent de la même façon.
effectivement certains tag CSS même évolués sont bien interprêtés, alors d'autres ne le sont pas.
le mot basique voulait dire des choses simples.
0
Réponse 2 / 6
Dalida Messages postés 7114 Statut Contributeur 923
 
salut,

peux-tu nous donner l'url d'une version en ligne stp ?
parce que se taper une version locale c'est vite ch**** mais avec une CSS dynamique c'est carrément lourd.

une chose est sure tu ne devrais pas utiliser de tableaux.
0
Réponse 3 / 6
goldo Messages postés 74 Statut Membre 8
 
Juste en parcourant ton code j'ai trouvé un truc qui me trouble. 

<link href="normal.php" rel="stylesheet" type="text/css" />



Le fichier css devrait pas s'appeler normal.css au lieu de normal.php ?
0
Dalida Messages postés 7114 Statut Contributeur 923
 
salut,

le monsieur a dit :
Ps : ya du php dans mon css c'est normal car j'ai besion que les couleurs, les polices et leurs taille soit dynamique mais aucun pb de ce coté la
plutôt que d'associer l'extension CSS à l'interprétation PHP avec un '.htaccess' par exemple, il a mis sa feuille de style dans un fichier avec extension PHP.
0
Réponse 4 / 6
welbior Messages postés 111 Statut Membre 19
 
Non je n'ai pas de version en ligne pour le moment, mais je vais essayer de vous mettre ca pour demain. Et pour la Css en php, oui c'est normal.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
welbior Messages postés 111 Statut Membre 19
 
Question au passage, ca viens des tag css alors ?
0
Réponse 6 / 6
Dalida Messages postés 7114 Statut Contributeur 923
 
salut,

ça peut venir de beaucoup de choses.

commence par valider le code HTML.
tu envoies l'URL au le code à ce validateur.

0

Discussions similaires

Table des matières dont les titres n'apparaissent pas..
Synua -
ggg -

10 réponses
Méssage Firefox ''Couldn't load XPCOM''
pistouri -
pistouri -

0 réponse
Intégrer une table des annexes et des matières sur word
clairon69 -
Jo -

20 réponses