Posez votre question Signaler

Pb affichage table ou css IE != Firefox

welbior 109Messages postés 11 mai 2007Date d'inscription 3 novembre 2010Dernière intervention - Dernière réponse le 16 avril 2008 à 12:27

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 .

Pb affichage table ou css IE != Firefox »

Suggestions

Pb affichage table ou css IE != Firefox
Probleme affichage css ie/firefox » Forum
Les CSS !!! IE!=FireFox (Résolu) » Forum
Css ie/firefox et chrome/safari (Résolu) » Forum
CSS IE & Firefox (Résolu) » Forum
Probleme CSS iE Firefox et Safari » Forum

Plus

Réponse

giheller 2691Messages postés 18 septembre 2007Date d'inscription 15 avril 2008 à 18:10

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.

Ajouter un commentaire

Afficher les 4 commentaires

giheller- 15 avril 2008 à 18:53

bien sûr que non !

Dalida- 15 avril 2008 à 19:05

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 !

giheller- 15 avril 2008 à 19:24

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.

Réponse

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 15 avril 2008 à 18:22

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.

Ajouter un commentaire - Site web

Réponse

goldo 73Messages postés 23 juin 2004Date d'inscription 28 juin 2010Dernière intervention 15 avril 2008 à 18:29

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 ?

Ajouter un commentaire

Dalida- 15 avril 2008 à 18:38

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.

Réponse

welbior 109Messages postés 11 mai 2007Date d'inscription 3 novembre 2010Dernière intervention 16 avril 2008 à 10:37

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.

Ajouter un commentaire

Réponse

welbior 109Messages postés 11 mai 2007Date d'inscription 3 novembre 2010Dernière intervention 16 avril 2008 à 10:40

Question au passage, ca viens des tag css alors ?

Ajouter un commentaire

Réponse

Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 16 avril 2008 à 12:27

salut,

ça peut venir de beaucoup de choses.

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

Ajouter un commentaire - Site web

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Pb affichage table ou css IE != Firefox

Pb affichage table ou css IE != Firefox »

Passage au tout numérique : quel coût pour les particuliers ?