présentation IE/firefox

Questions, astuces à propos des modèles et des feuilles de styles
Landry
Membre
Messages : 71
Inscription : 10 Juil 2012 13:28
Localisation : Tours

présentation IE/firefox

Messagepar Landry » 20 Juil 2012 10:27

Bonjour,
J'ai fait la présentations de mes pages web avec Firefox et j'ai voulu tester avec IE (8 et 9) et IE me l'affiche différemment.
J'aimerais donc savoir pourquoi IE l'affiche différemment? ("IE c'est de la merde n'est pas une réponse" :D même si c'est vrais) et comment contrer ce problème sens tous changer?
Je suppose que cela peut se régler avec ces balises (<!--[if IE]> <![endif]-->) mais où doit-on les mettre dans contao pour qu'IE les prenne en compte?

Les screens :
- Firefox et chrome
Image

- IE8 et 9
Image



ET j'ai aussi un autre problème :
Les onglets en bas à droite de l'écran (accueil, FAQ, Forum, etc ) sont in-cliquable sur Firefox et Chrome mais sur IE je peut cliqué dessus. (en enlevant certain module comme l'agenda et l'évènement de cette semaine, les onglet sont de nouveaux cliquable)

Si vous avez des idées je suis preneur!!
merci d'avance,
Dernière édition par Landry le 20 Juil 2012 10:37, édité 1 fois.
css/html tout va bien -- php un peu moins -- javascript encore moins -- débutant sur contao

Landry
Membre
Messages : 71
Inscription : 10 Juil 2012 13:28
Localisation : Tours

Re: présentation IE/firefox

Messagepar Landry » 20 Juil 2012 10:37

Avec le code CSS associé ça peux aider!!

Code : Tout sélectionner

#compte-rendu_css {
    margin-top:37px;
    margin-left:20px;
}

#evenement_css {
    width:325px;
    position:relative;
    float:right;
    margin-top:5px;
    padding-top:5px;
    border-top:2px solid #c6ad8d;
}

#agenda_css {
    width:335px;
    margin-right:auto;
    margin-left:200px;
    padding-top:5;
    border-top:2px solid #c6ad8d;
}

.mod_newslist { /* classe de "urgent" et de "comptes-rendus*/
    width:325px;
}

.mod_breadcrumb { /*classe du bandeau "Intranet du Studio > Les Dernières Actualitées" */
    width:660px;
    margin-top:5px;
    padding:7px 3px;
    background-color:#ece4d9;
}

.mod_navigation { /*classe des onglet en bas à droite (accueil, forum, etc)*/
    width:200px;
}


et pour les emplacement dans la présentation
colonne de gauche :
- l'image
- connexion
- onglet de navigation (accueil, FAQ, etc)

colonne principal :
- bandeau de navigation
- liste des actualités "Urgent"
- liste des actus de l'agenda

colonne de droite :
- liste des comptes-rendus
- liste des événements
css/html tout va bien -- php un peu moins -- javascript encore moins -- débutant sur contao

Avatar de l’utilisateur
MIMATA
Membre
Messages : 453
Inscription : 23 Avr 2008 08:29
Localisation : France
Contact :

Re: présentation IE/firefox

Messagepar MIMATA » 20 Juil 2012 14:01

Salut,

Les différences IE/le reste du monde civilisé sont la plaie des développeurs et intégrateurs, on apprends à faire avec et à les contourner. En général, les différences sont provoqué"es par des abus de margin et de bordures donc déjà évites d'en mettre et utilise plutôt les padding.
Après, pour l’utilisation de ce qu'on appelle les commentaires conditionnels, regarde ce qu'en dit Alsacréations : http://www.alsacreations.com/astuce/lir ... nnels.html ou http://www.xul.fr/html5/commentaire.php
Tu trouvera plein de site qui expliquent leur fonctionnement.
MIMATA - Votre Site Pro : http://www.votresitepro.com - Planète Astronomie : http://www.planete-astronomie.eu (NEW) et http://www.planete-astronomie.com - Forum de Planète Astronomie : http://forum.planete-astronomie.com - Jeu de questions Planète Astronomie : http://astroquiz.planete-astronomie.com - Vidéos de Planète Astronomie : http://videos.planete-astronomie.com

Landry
Membre
Messages : 71
Inscription : 10 Juil 2012 13:28
Localisation : Tours

Re: présentation IE/firefox

Messagepar Landry » 23 Juil 2012 14:30

Merci pour les sites, ils sont bien détaillé et mon permis de comprendre ces balises mais peux-tu me dire où peut-on écrire ces balises dans contao?
Même si j'ai réussi à recréer plus ou moins bien ma présentation avec IE et FireFox cela pourra être utile à d'autre personne passant sur le forum.
et j'avais une deuxième question (qui était mal posé dans le premier poste...) :

Les onglets en bas à droite de l'écran (accueil, FAQ, Forum, etc ) sont in-cliquable sur Firefox et Chrome mais sur IE je peut cliqué dessus. (en enlevant certain module comme l'agenda et l'évènement de cette semaine, les onglet sont de nouveaux cliquable)
De quoi cela pourrait-il venir? et comment le régler?
Note : le problème a toujours été présent avant et après les modifications que je viens de faire.
css/html tout va bien -- php un peu moins -- javascript encore moins -- débutant sur contao

Avatar de l’utilisateur
MIMATA
Membre
Messages : 453
Inscription : 23 Avr 2008 08:29
Localisation : France
Contact :

Re: présentation IE/firefox

Messagepar MIMATA » 23 Juil 2012 15:04

Tu peux ajouter des balises dans les présentations de page (thèmes), il y a une section "Balises supplémentaires".

Pour ton problème de lien non clicables, là encore c'est à cause des positionnements de tes blocs et des marges et paddings je pense. A mon avis, si quand tu enlèves le module problématique tu peux de nouveau cliquer sur tes liens alors c'est que ce module passe par dessus tes liens. Ajoute des backgroud de couleur pour visualiser tes blocs le temps de débugger.
MIMATA - Votre Site Pro : http://www.votresitepro.com - Planète Astronomie : http://www.planete-astronomie.eu (NEW) et http://www.planete-astronomie.com - Forum de Planète Astronomie : http://forum.planete-astronomie.com - Jeu de questions Planète Astronomie : http://astroquiz.planete-astronomie.com - Vidéos de Planète Astronomie : http://videos.planete-astronomie.com

Landry
Membre
Messages : 71
Inscription : 10 Juil 2012 13:28
Localisation : Tours

Re: présentation IE/firefox

Messagepar Landry » 23 Juil 2012 18:05

Merci pour tes conseilles!!
Et je viens de trouver.
J'avais oublié de donner une dimension à la colonne de gauche. :lol:
css/html tout va bien -- php un peu moins -- javascript encore moins -- débutant sur contao

Avatar de l’utilisateur
iankoOol
Membre
Messages : 160
Inscription : 04 Août 2008 10:07
Localisation : Bretagne

Re: présentation IE/firefox

Messagepar iankoOol » 24 Juil 2012 07:13

Hello,

au niveau des réglages css spécifique navigateur (ie entre autre) pourquoi ne pas utiliser le framework de contao ?

-> Voir les class crées suivant navigateur dans la balise body...
Graphiste / Dév - Xhtml/css/javascript/php - Faîtes-vous du bien !

Landry
Membre
Messages : 71
Inscription : 10 Juil 2012 13:28
Localisation : Tours

Re: présentation IE/firefox

Messagepar Landry » 24 Juil 2012 08:12

exacte je n'avais pas vu cette fonctionnalité.
http://www.contao.fr/articles-du-blog.html
Merci
css/html tout va bien -- php un peu moins -- javascript encore moins -- débutant sur contao


Revenir vers « Modèles et CSS »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité