AccueilAideRechercherIdentifiez-vousInscrivez-vous

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.
Avez-vous perdu votre courriel d'activation?
23 Mai 2012 à 04:50:07

Connexion avec identifiant, mot de passe et durée de la session
Rechercher
    avancée

News

Stats
8763 Messages dans 1087 Fils de discussion par 1002 Membres
Dernier membre: emilie
+  PHP Astux
|-+  La banquise
| |-+  Le bar dans l'igloo
| | |-+  Site de la fédération d'Aï-Doï
Pages: [1] 2   Bas de page
Imprimer
Auteur Fil de discussion: Site de la fédération d'Aï-Doï  (Lu 18703 fois)
djamel
Membre Complet
***
Messages: 108


« le: 25 Mai 2008 à 14:47:29 »

Bonjour,
Suite aux différentes idées que m'ont apporté matthieu et Andy. Je vous remercie énormément !
Je viens de terminer en partie mon site  : www.aidoi.com

Qu'en pensez vous ?
Compatibilité au niveau des navigateurs et surtout avec IE ?

Merci de votre aide.

Djamel
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #1 le: 25 Mai 2008 à 20:12:06 »

Hello,
premières remarques à chaud :
(+) design sympa
(+) menu déroulant fonctionnel sous firefox 2 et IE6 sp2
(-) quid de l'accessibilité ?
(-) pourquoi le site est-il centré sous firefox et aligné à gauche sous IE ?
(-) pas de Doctype
(-) mélange d'HTML et d'XHTML (surtout dans le <head> : tu as des balises se fermant par > et d'autres par />)
(-) <body bgcolor="#99CCFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> : privilégie les styles CSS plutôt que les attributs HTML d'un Doctype mourant
(-) balises HTML en majuscules ou en minuscules, mais vaut mieux rester homogène ... Sourire

Journalisée

djamel
Membre Complet
***
Messages: 108


« Répondre #2 le: 26 Mai 2008 à 19:25:20 »

Bonjour,

Le problème vient de cet élément :

Code:
<!--[if IE]>
    <link href="special_ie.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->

Le commentaire ne me semble pas correct. Est il nécessaire, s'il vous plaît ?

Merci

Djamel
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #3 le: 26 Mai 2008 à 20:24:35 »

le commentaire conditionnel est tout à fait correct, peut-être est-ce le contenu du fichier CSS qu'il applique qu'il faut réajuster ... Sourire
Journalisée

Andy
Modérateur Global
Membre Senior
*
Sexe: Homme
Messages: 482



« Répondre #4 le: 26 Mai 2008 à 20:30:53 »

Salut,

L'appel à cette fonction est nécessaire car beaucoup de CSS doivent être adaptés (pour ne pas dire bidouillés) pour être compatibles sous IE.

Mais je pense que ton problème est ailleurs.

Si tu prennais l'abitude de bien séparer les différentes balises, comme dans l'exemple ci dessous (extrait de ton site);
Citation
<div id="global">
    <div id="header">
      <div id="menu">
         <dl>         
            <dt onMouseOver="javascript:montre('smenu1');">Accueil</dt>

            <dd id="smenu1" onMouseOver="javascript:montre('smenu1');" onMouseOut="javascript:montre('');">
               <ul>
                  <li><a href="index.htm">Bienvenue</a></li>
                  <li><a href="plan.htm">Plan du site</a></li>
               </ul>
            </dd>
         </dl>
   
   
         <dl>   
            <dt onMouseOver="javascript:montre('smenu2');">Cours</dt>

            <dd id="smenu2" onMouseOver="javascript:montre('smenu2');" onMouseOut="javascript:montre('');">
               <ul>
                  <li><a href="cours.htm">France</a></li>
                  <li><a href="fedeaidoi.htm">Lasseube 64</a></li>
                  <li><a href="cpl.htm">Mont de marsan 40</a></li>
                  <li><a href="cpmp.htm">Toulouse 31</a></li>
               </ul>
            </dd>
         </dl>
      </div>

   </div>

    <div id="content">
       <div id="hautgauche" class="hautgauche"></div>
       <div id="centre" class="centre">
                           LE RESTE DE TA PAGE

      </div>
   </div>
   <div id="bottom"><span class="texte">Fédération d'AÏ-DOÏ, route de bel air, 64290 lasseube, France</span></div>
</div>


Tu vas t'apercevoir que tu ouvres 7 balise <div...........>  et que tu en fermes 8 </div>

La dernière balise div de fermeture est de trop sur la page ton site.
 Clin d'oeil
Journalisée

Gros Travaux de restaurations maison durant quelques mois. Accès à internet perturbé durant cette période.
Andy
Modérateur Global
Membre Senior
*
Sexe: Homme
Messages: 482



« Répondre #5 le: 26 Mai 2008 à 21:01:58 »

Ce qui est tout de même étrange en navigant dant tes menus, c'est que certaines pages sont centrées sous IE.

Utilises-tu des CSS différents pour tes pages?
Journalisée

Gros Travaux de restaurations maison durant quelques mois. Accès à internet perturbé durant cette période.
djamel
Membre Complet
***
Messages: 108


« Répondre #6 le: 26 Mai 2008 à 22:03:01 »

Merci,
mais j'utilise toujours les mêmes css.
peut être que le problème est aussi là :
Code:
<div id="hautgauche" class="hautgauche">
.
La balise id et class est identique. Cela est correct ?

Merci

Djamel
Journalisée
djamel
Membre Complet
***
Messages: 108


« Répondre #7 le: 27 Mai 2008 à 10:18:23 »

reBonjour,
En fait, le problème venait du doctype. J'ai remis un peu d'ordre dans le code sur certaines pages. Je vais le faire au fur et à mesure.
Par contre : sous IE, le menu déroulant passe derrière l'image comme dans cette page F&acirc;ch&eacute;
http://www.aidoi.com/documentation.htm

Je sens que je vais devenir un pro du css  Clin d'oeil

Merci

Djamel
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #8 le: 27 Mai 2008 à 12:35:28 »

oui, le doctype, c'est tout de même important ... Sourire

as-tu un calque en position absolue avec un z-index plus haut ?
Journalisée

djamel
Membre Complet
***
Messages: 108


« Répondre #9 le: 27 Mai 2008 à 21:56:57 »

Le css de la partie se trouvant en haut à gauche de mon site http://www.aidoi.com/documentation.htm est :
Code:
.hautgauche {
color: #000066;
text-align: center;
width: 500px;
position: absolute;
overflow: auto;
height: 170px;
margin:10px auto 1em 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
et celui du menu est : http://www.aidoi.com/template.css

Et, je ne vois pas le problème.  Triste
Journalisée
djamel
Membre Complet
***
Messages: 108


« Répondre #10 le: 30 Mai 2008 à 08:55:37 »

Bonjour,

je viens de trouver. Il faut mettre pour position = inherit !

Merci et bonne journée ou soirée.

Djamel
Journalisée
djamel
Membre Complet
***
Messages: 108


« Répondre #11 le: 30 Mai 2008 à 11:10:10 »

Je me suis emballé un peu vite  Ind&eacute;ci
cela ne fonctionne pas et le problème n'est vraiment que sous IE !
Et le menu déroulant passe toujours derrière l'image comme dans cette page
http://www.aidoi.com/documentation.htm.

Une idée, un coup de main ?

Merci

Djamel
Journalisée
Matthieu
Administrateur
Membre Héroïque
*
Sexe: Homme
Messages: 3461


Unreal Power...


WWW
« Répondre #12 le: 30 Mai 2008 à 14:03:29 »

Si ton "inherit" ne marche que sur IE6, tu peux, en plus de l'actuel commentaire conditionnel, en rajouter un spécifuque pour IE 6 :

Code:
<!--[if IE]>
    <link href="special_ie.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->

<!--[if lte IE 6]>
   <link rel="stylesheet" href="special_ie6.css" type="text/css" />
<![endif]-->
Journalisée

djamel
Membre Complet
***
Messages: 108


« Répondre #13 le: 30 Mai 2008 à 15:53:20 »

Non,non, le problème est sous IE7.
J'ai tout remis comme au début et le problème est précisément sous IE7. Sous IE6, je ne sais pas.

Alors  Grima&ccedil;ant ?
Journalisée
Andy
Modérateur Global
Membre Senior
*
Sexe: Homme
Messages: 482



« Répondre #14 le: 30 Mai 2008 à 19:24:57 »

Salut,

Après quelques jours d'absence, je repasse sur le site.  Souriant

Tu dis avoir des problèmes d'affichage du menu passant derrière les images avec ta page documentation.htm

J'ai fais des tests avec IE6 et IE7, Netscape, Mozilla et Opera. (testé également sur un autre PC sur mon lieu de travail)

Je n'ai pas constaté ton défaut, avec aucun des 5 navigateurs. Le seul défaut que j'ai constaté, est le défaut d'alignement de ton conteneur du centre (div id="centre.....>)

(Eventuellement essaie de mettre un z-index:50; par exemple, dans tes CSS .centre et .hautgauche)
Journalisée

Gros Travaux de restaurations maison durant quelques mois. Accès à internet perturbé durant cette période.
Pages: [1] 2   Haut de page
Imprimer
Aller à:  

Powered by SMF 1.1.16 | SMF © 2011, Simple Machines
Amber design by Bloc | XHTML | CSS