Pb affichage Ie avec squelette RECIT FP

Général
1

Mon site se trouve ici http://a6ta.ifrance.com/

  • Ma première question est la suivante : Pourquoi la largeur de mon artcile n’est pas la même sous IE que sous Firefiox ? Sous FF, l’affichage ne pose pas de problème
    … mais sous IE, l’article dépasse vers la droite. Comment corriger ce problème, je ne trouve pas.

  • Deuxième question : Comment affciher un texte en page d’accueil qui ne soit pas un article ? J’ai bien chercher et trouver le moyen d’afficher un article mais alors cet article serait présent par deux entrée sur mon site, la première par l’accueil, la deuxième par un lien du menu.

  • Troisième question : Dans l’interface de gestion des artciles, la petite croix qui permet de suprimer l’auteur de l’artcile n’est pas présente ? Alors qu’elle l’est en local sur le pc. Cela vient-il de ifrance ?

Merci à ceux qui pourront m’apporter des éléments de réponse car tout était prêt en local et en passant à la mise en ligne… que des petits problèmes…

Franck

Yahoo! Mail réinvente le mail ! Découvrez le nouveau Yahoo! Mail et son interface révolutionnaire.

2

vannier franck a écrit :
  > - > Deuxième question : Comment affciher un texte en page d'accueil qui

ne soit pas un article ? J'ai bien chercher et trouver le moyen d'afficher un article mais alors cet article serait présent par deux entrée sur mon site, la première par l'accueil, la deuxième par un lien du menu.

Simplement, tu peux le mettre en dur dans ta page sommaire.

Personnellement, j'attribue un mot clé "sommaire" a l'article que je veux retrouver en page d'accueil et après, sur ta page d'accueil, tu fais une boucle
<BOUCLE_art_sommaire(ARTICLES){titre_mot=sommaire}{0,1}>
   #TEXTE
</BOUCLE_art_sommaire>

Franck

Chag

--
Oh la vache! Moi ? j'ai l'air Has been ! J'en ai pour plus d'une barre de fringue sur moi, alors va te faire mettre!
http://abidbol.free.fr/video/V12_sur_le_pont.avi

3

vannier franck a écrit :

Mon site se trouve ici http://a6ta.ifrance.com/
- > Ma première question est la suivante : Pourquoi la largeur de mon artcile n'est pas la même sous IE que sous Firefiox ? Sous FF, l'affichage ne pose pas de problème
... mais sous IE, l'article dépasse vers la droite. Comment corriger ce problème, je ne trouve pas.

>>> Parce que IE a ses propres standards qui diffèrent du W3C. Il faut donc creuser du côté de la CSS vers les div

  <div id="coldroite">
  <div id="colcentre">
<div class="boite">

- > Deuxième question : Comment affciher un texte en page d'accueil qui ne soit pas un article ? J'ai bien chercher et trouver le moyen d'afficher un article mais alors cet article serait présent par deux entrée sur mon site, la première par l'accueil, la deuxième par un lien du menu.

>>> La réponse dans un autre post

- > Troisième question : Dans l'interface de gestion des artciles, la petite croix qui permet de suprimer l'auteur de l'artcile n'est pas présente ? Alors qu'elle l'est en local sur le pc. Cela vient-il de ifrance ?

>>> Es-tu sûr d'être avec l'interface complète?

Merci à ceux qui pourront m'apporter des éléments de réponse car tout était prêt en local et en passant à la mise en ligne... que des petits problèmes...

>> De rien

Franck

>>> Philipe

4

Merci déjà à tous, mais je cherche encore à corriger mon problème d’affichage dans Internet explorer, voici ce que j’ai trouvé dans le fichier style.css
/------------------------------------------------
5. COLONNE GAUCHE
-------------------------------------------------/

#colgauche {
float: left;
width: 185px;
margin-top: 0;
margin-left: 27px!important; /* Pour les navigateurs standards /
margin-left: 14px; / Pour Internet Explorer */
padding: 0;
}

  1. COLONNE DROITE
    ------------------------------------------------/
    #coldroite {
    float: right;
    width: 192px;
    padding-top: 0;
    margin-right: 17px!important; /     Pour les navigateurs standards /
    margin-right: 8px; /     Pour Internet Explorer /
    display: none; /     On le cache puisque l’on veut seulement 2 colonnes sur la page d’accueil /
    }
    #coldroite h3 { /     Titre « Sur le Web » /
    position: relative;
    margin: 0;
    height: 14px; /     Hauteur de la boite /
    background: #EAEBED; /     Couleur du fond /
    font-size: 10px;
    color: #1C3772; /     Couleur du texte */
    font-weight: bold;
    border-left: 5px solid #DBDBD9;
    padding: 20px 0 0 3px;
    }

/* Listes */

#coldroite .boite {
margin: 0;
padding: 0;
border-left: 5px solid #DBDBD9;
border-bottom: 5px solid #DBDBD9;
}
#coldroite .boite h4 {
margin: 0 5px;
padding-top: 5px;
font-size: 10px;
}
#coldroite .boite ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#coldroite .boite li {
margin: 0;
padding: 0;
}
#coldroite .boite li a, .boite li a:link,
.boite li a:visited {
display: block;
padding: 5px 10px 5px 23px;
font-size: 10px;
background: url(images/bouton-colDroite-normal.gif) no-repeat 5px 50%;
color: #7A7A7A;
}
#coldroite .boite li a:hover {
text-decoration: none;
color: black;
background: url(images/bouton-colDroite-hover.gif) no-repeat 5px 50%;
}
#coldroite #texte-coldroite {
margin: 5px;
}
#coldroite .boite p.spip a {
background-image: none;
display: inline;
padding: 0;
}
/* Corrections pour IE6Win*/

  • html .boite li a {
    height: 1%;
    }
    /* Fin de la correction IE6Win */

/------------------------------------------------
8. COLONNE CENTRALE - Page d’accueil
------------------------------------------------/
#colcentre {
margin-left: 227px;
margin-right: 33px;
padding: 0 0 1em 0;
}
/* Corrections pour IE6Win*/

  • html #colgauche {
    margin-right: 10px;
    }
  • html #colcentre {
    height: 1%;
    margin-left: 0;
    }
    /* Fin de la correction IE6Win */

/* Texte d’accueil /
#colcentre #message_accueil {
margin-top: 8px;
font-size: 14px;
}
#colcentre #message_accueil p {
margin: 1em 0;
}
#colcentre #message_accueil p a,
#colcentre #message_accueil p a:link,
#colcentre #message_accueil p a:visited {
color: #0066CC;
background: #FFFFFF;
display: inline;
font-size: 1em;
font-weight: normal;
}
#colcentre #message_accueil p a:hover {
text-decoration: underline;
}
/ Fin Texte d’accueil */

/* Titre de la colonne du centre « Nouveautés sur ce site » */
#colcentre h2 {
margin: 10px 0 0 0;
font-weight: normal;
font-size: 1.8em;
color: #000000;
}

.nouveau-intro {
margin: 0;
padding: 0;
text-align: left;
}
#colcentre div.spip_documents { border: none;}

/* ----------------------------------------------
2. CONTENANT
-------------------------------------------------/
#contenant {
width: 792px; / Largeur de la page /
padding: 0;
margin: 20px auto; / Marges : 20pixels en haut et en bas, 0 pixel à droite et gauche /
text-align: left; / Justifier le texte à gauche /
background: url(images/page-fond.jpg) repeat-y center; / ombragé gauche et droite*/
}

Ce css est je trouve bien fait et je ne trouve ce que IE peut ne pas comprendre… si quelqu’un y voit plus clair que moi… merci…

Yahoo! Mail réinvente le mail ! Découvrez le nouveau Yahoo! Mail et son interface révolutionnaire.

5

vannier franck a écrit :

Merci déjà à tous, mais je cherche encore à corriger mon problème d'affichage dans Internet explorer, voici ce que j'ai trouvé dans le fichier style.css
/*------------------------------------------------
    5. COLONNE GAUCHE
-------------------------------------------------*/
#colgauche {
    float: left;
    width: 185px;
    margin-top: 0;
    margin-left: 27px!important; /* Pour les navigateurs standards */
    margin-left: 14px; /* Pour Internet Explorer */
    padding: 0;
    }

7. COLONNE DROITE
------------------------------------------------*/
#coldroite {
    float: right;
    width: 192px;
    padding-top: 0;
    margin-right: 17px!important; /* Pour les navigateurs standards */
    margin-right: 8px; /* Pour Internet Explorer */
    display: none; /* On le cache puisque l'on veut seulement 2 colonnes sur la page d'accueil */
    }
#coldroite h3 { /* Titre "Sur le Web" */
    position: relative;
    margin: 0;
    height: 14px; /* Hauteur de la boite */
    background: #EAEBED; /* Couleur du fond */
    font-size: 10px;
    color: #1C3772; /* Couleur du texte */
    font-weight: bold;
    border-left: 5px solid #DBDBD9;
    padding: 20px 0 0 3px;
    }

/* Listes */

#coldroite .boite {
    margin: 0;
    padding: 0;
    border-left: 5px solid #DBDBD9;
    border-bottom: 5px solid #DBDBD9;
    }
#coldroite .boite h4 {
    margin: 0 5px;
    padding-top: 5px;
    font-size: 10px;
    }
#coldroite .boite ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
#coldroite .boite li {
    margin: 0;
    padding: 0;
    }
#coldroite .boite li a, .boite li a:link,
.boite li a:visited {
    display: block;
    padding: 5px 10px 5px 23px;
    font-size: 10px;
    background: url(images/bouton-colDroite-normal.gif) no-repeat 5px 50%;
    color: #7A7A7A;
    }
#coldroite .boite li a:hover {
    text-decoration: none;
    color: black;
    background: url(images/bouton-colDroite-hover.gif) no-repeat 5px 50%;
    }
#coldroite #texte-coldroite {
    margin: 5px;
    }
#coldroite .boite p.spip a {
    background-image: none;
    display: inline;
    padding: 0;
    }
/* Corrections pour IE6Win\*/
* html .boite li a {
    height: 1%;
    }
/* Fin de la correction IE6Win */

/*------------------------------------------------
    8. COLONNE CENTRALE - Page d'accueil
------------------------------------------------*/
#colcentre {
    margin-left: 227px;
    margin-right: 33px;
    padding: 0 0 1em 0;
    }
/* Corrections pour IE6Win\*/
* html #colgauche {
    margin-right: 10px;
    }
* html #colcentre {
    height: 1%;
    margin-left: 0;
    }
/* Fin de la correction IE6Win */

/* Texte d'accueil */
#colcentre #message_accueil {
    margin-top: 8px;
    font-size: 14px; }
#colcentre #message_accueil p {
    margin: 1em 0;
    }
#colcentre #message_accueil p a,
#colcentre #message_accueil p a:link,
#colcentre #message_accueil p a:visited {
    color: #0066CC;
    background: #FFFFFF;
    display: inline;
    font-size: 1em;
    font-weight: normal;
    }
#colcentre #message_accueil p a:hover {
    text-decoration: underline;
    }
/* Fin Texte d'accueil */

/* Titre de la colonne du centre "Nouveautés sur ce site" */
#colcentre h2 {
    margin: 10px 0 0 0;
    font-weight: normal;
    font-size: 1.8em;
    color: #000000;
    }

.nouveau-intro {
    margin: 0;
    padding: 0; text-align: left;
    }
#colcentre div.spip_documents { border: none;}

/* ----------------------------------------------
    2. CONTENANT
-------------------------------------------------*/
#contenant {
    width: 792px; /* Largeur de la page */
    padding: 0;
    margin: 20px auto; /* Marges : 20pixels en haut et en bas, 0 pixel à droite et gauche */
    text-align: left; /* Justifier le texte à gauche */
    background: url(images/page-fond.jpg) repeat-y center; /* ombragé gauche et droite*/
    }

Ce css est je trouve bien fait et je ne trouve ce que IE peut ne pas comprendre... si quelqu'un y voit plus clair que moi... merci...

Essaye en mettant des "border: 1px solid red;" ou "background: red;" dans tes différents div (chacun leur tour). Cela te permettra de bien distinguer sur ta page IE les limites de ces div 'et sur FF aussi d'ailleurs...)

++ Phil