Forum d'entraide PHPFrance

bonjour
pour commencer j'avais fait mon site web en html et j'avais realiser un theme baser sur un modele standard (un menu droit, un contenu centrale, un menu gauche + footer et header)

la semaine passez j'ai modifier mon site web pour passer en php et donc gerer les contenu des menu et des banniere du header et footer via includes, j'avais tout realiser et tester sur FF 3, ou il n'y avais pas de probleme, mais malheureusment, lorsque je suis passez sur IE 7, mon site web, ne subissais plus les restriction que j'avais imposser a mon body.

voici l'url pour que vous voyer par vous meme:
http://www.one-generation.fr.nf/

voici l'url de mon css:
http://www.one-generation.fr.nf/vmstyle.css

comme vous pouvez le constater, le resultat est impec sur FF, malheureusement sur IE il colle les menu sur la droite et la gauche de l'ecran, par chances les personne utilisant ce site, sont a 60% des utilisateur de firefox, et les 2/5 on un ecrant 17 pouce, ce qui leur donne l'impression que le desing est a la bonne taille, mais les personnes ayant des ecrant 21 pouce ou plus voyent le defaut.

voici les includes:
haut du site:(banniere)
http://www.one-generation.fr.nf/includes/hautindex.php
menu(droit et gauche):
http://www.one-generation.fr.nf/includes/menuindex.php
le bas du site:(footer)
http://www.one-generation.fr.nf/includes/basindex.php

j'ai donc amenager mon site de cette maniere:

<?php
include('includes/hautindex.php');
include('includes/menuindex.php');
include('includes/chaut.php');
?>
<br />
30/12/2008 - Une traduction de Pierre Bertet qui vous permettra de découvrir une spécification qui sert à décrire les rôles, les états et <br />
les propriétés des contrôles d’interface web développés pour simuler les applications bureautiques, de manière à ce qu’ils soient <br />
reconnaissables et utilisables par les utilisateurs de technologies d’assistance.<br />
<br />
<?php
include('includes/cbas.php');
include('includes/basindex.php');
?>

voici le resultat:
http://www.one-generation.fr.nf/test.php

lors de la premiere arrivee sur le site web, le visiteur ne vois qu'un fond blanc, et aucune regle CSS chargee, par la suite, lorsqu'il rafraichi, les couleurs et polices s'affiche correctement.

j'espere qu'une personne pourra m'aider

mehdi/viskor

C'est un problème de css et non de php et des includes.
Pour des soucis de compatibilité regarde ce site:

[url]
http://css.alsacreations.com/Plan-du-site
[/url]

C'est un problème de css et non de php et des includes.
Pour des soucis de compatibilité regarde ce site:

Salut,

+1 29 erreurs à la validation html et 3 erreurs à la validation css.

Là, je viens superviser vite fait ton code et je vois que ton gabarit html n'est pas bien définit. Je te conseille de suivre cette piste :

html

Code : Tout sélectionner

<body>
  <div id="global">
    <!-- ton code -->
  </div>
</body>

css

Code : Tout sélectionner

body{
  text-align:center;
  /*la suite de ton code */
}
#global{
  width:1000px; /*logiquement, la largeur max pour une résolution 1024*768 est de 960px ! */
  margin: 0 auto ;
  text-align: left;
}

*code fait de tête

Il est évident que la propriété width adaptée au body doit être supprimée.

Donc, tu vas t'apercevoir que ce n'est pas un soucis php. Je peux te conseiller de vérifier la validité d'un code avant de transposer ton gabarit vers un langage serveur

.

<<<EDIT
J'ai remarqué également que tu utilises des *.png afin de récupérer la propriété de transparence. Aï ! IE n'aime pas cela. Bien que le png 24 soit un excellent format, IE le déteste. Donc par soucis de compatibilité optimum entre toutes les versions de browser, mieux vaut un bon gif. Malheureusement, tu ne seras qu'en 8 bits

. Sacré Biloute avec son browser à deux balles !

J'ai également remarqué que tu utilises la balise <br />. N'y a t'il pas une autre solution plus judicieuse ?
Tu utilises des tirets quart-cadratin afin de lister les MAJ du site et autres... Également, n'y a t'il pas une autre solution plus judicieuse ?
EDIT;

++ et bon courage

moi j'aime pas bibi

j'ai que des probleme avec tous les truc a bibi

enfait pour sa :

Code : Tout sélectionner

<body>
  <div id="global">
    <!-- ton code -->
  </div>
</body>

je peu mettre le <div id="global"> dans l'include du haut?, puis le fermer dans l'include du bas?

Salut,

Bien sûr !

C'est une balise comme une autre. Je n'ai pas vraiment regardé tes includes. Mais je soupçonne que tu as scindé la balise <html>. Donc, c'est possible. Néanmoins, je te conseille de regarder le code source final et le passer au validateur.

++

Forum d'entraide PHPFrance

Probleme de css, avec includes

Probleme de css, avec includes