CSS & PHP Incompatibles?

[Kent]

Bonjour je suis actuellement en train de réaliser un site, ayant commencé le site il y a un moment je n'avais pas grande conaissance en matiere de CSS , et j'ai donc commencé a codé le site pour qu'il soit visuellement bon pour IE uniquement

mais je souhaiteré dorénavent l'optimisé aussi pour Firefox (ne negligeons pas les navigateurs moderne !).

Aussi je vous invite a jetté un oeil sur le site avec FF et IE

- http://www.orga-buro.com/

1°/Remarquez le menu horizontal qui est en fait inséré dans le <div> Horizontal via un include PHP , le problème viendré t'il de la ?

ou est-ce purement un soucis CSS, peut etre une marge interieur trop grande ?

voici le code css concernant ce <div>

#menuhorizon {
position:absolute; 
left:0px; 
top:103px;
 width:100%; 
height:17px; 
z-index:5; 
layer-background-color: 05A1C8;
/*background-image: url(img/fdmenuhorizon.gif);*/
 background-color: #0066CC; 
border: 1px;
}

2°/Comme vous pouvez aussi le voir il y a un text défilant sur la gauche en javascript pas du tout cadré comme il le faudrait.

ce genre d'erreur est-ce aussi du au CSS ?

Merci pour vôtre ecoute et vos suggestions eventuelles.

PS : Est-ce vrai que 85% des internautes utilise IE pour leur navigation ? si quelqu'un a un liens a ce sujet... merci encore.

[KaRaK]

Bonjour,

Voici un lien vers une étude xiti intitulée : Firefox dépasse les 20% en Europe

http://www.xitimonitor.com/etudes/equipement13.asp

Modifié 22 Juin 2006 par KaRaK

[Kent]

Merci pour le liens , apparement les finlandais on tout compris a la vie

[Kent]

Au dela de ca quelqu'un aurait'il une idée pour le problème d'affichage initial

[DanA]

Il y a d'autres problèmes, mais pour le menu il suffit d'ajouter

#menuhorizon p{

margin:0;

}

[Remi]

Le problème principal vient du 'height:17px' qui est pris en compte par IE mais pas par FF.

Oublie 'height' et définis bien tes margin, padding et autres line-height et ça ira...

Sinon, pour le pourcentage d'utilisateurs de IE, cela dépend beaucoup du public visé.

Modifié 30 Juin 2006 par Remi

[Kent]

Merci infiniment DanA !

Le problème principal vient du 'height:17px' qui est pris en compte par IE mais pas par FF.

il est plus délicat de faire ca maintenant mais j'en prendrais bien soins lors de ma prochaine création merci.

Et en ce qui concerne le texte défilant en javascript quelqu'un a une idée ?

Modifié 30 Juin 2006 par Kent

[Loctus]

Il y a une chose que je ne comprend pas trop en regardant la source de ton site :

 <div id="elementdyn" style="position:absolute; left:-0px; top:0px; width:132px; height:100px; z-index:1"> 
  <!-- DEBUT DU SCRIPT --><DIV ID=my_box2_box STYLE="background:#0066CC;color:#FFFFFF;font-family:Arial;font-size:11;width:118;height:15;padding:5;align:top;"></DIV>

 <script LANGUAGE=JavaScript>
...

Ici tu crées un div et le refermes de suite , pourquoi ?

Je pense que cela doit venir de là le fait que le menu dépasse.

[Kent]

Et bien, en ce qui concerne le code javascript, j'ai utilisé un script fourni sur l'editeur javascript... il semble que ce div permet de fixer le style du menu defilant voici le contenu de menudefilant.js inseré dans la page menu via un include qui est elle meme inseré dans la page index via un include.. si ca peut vous aider

<!-- DEBUT DU SCRIPT -->
<DIV ID=my_box2_box STYLE="background:#0066CC;color:#FFFFFF;font-family:Arial;font-size:11;width:118;height:15;padding:5;align:top;"></DIV>
 <script LANGUAGE=JavaScript>
 /*
 SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
 [url="http://www.editeurjavascript.com"]http://www.editeurjavascript.com[/url]
 */
my_box2_message = new Array;
 my_box2_message[0] = 'Bienvenue sur Orga Buro..';
 my_box2_message[1] = 'Nos compétences pour accelérer vos performances!';
 my_box2_message[2] = 'Decouvrez nos services sur votre droite.';
 my_box2_message[3] = 'Vous pouvez accéder aux rubriques en cliquant directement dessus.';
 my_box2_message[4] = 'Vous etes un client? votre maintenance en direct depuis internet utilisez le liens Support ci-dessous.';
 my_box2_message[5] = 'Un domaine d\'activités étendu et un suivi par des professionels.';
 my_box2_message[6] = 'Contactez nous, nous sommes ouvert à toutes vos suggestions.';

 my_box2_actual = 0;
 my_box2_html_flag = 0;

 function my_box2_go()
     {
     if(document.getElementById)
         {
         my_box2_char = 1;
         my_box2_affich(my_box2_actual)
         my_box2_actual++;
         if(my_box2_actual >= my_box2_message.length)
             my_box2_actual = 0;
         }        
     }

 function my_box2_affich(lactual)
     {
     var pix = my_box2_message[lactual].charAt(my_box2_char);
     if(pix == "<")
         my_box2_html_flag = 1;
     if(pix == ">")
         my_box2_html_flag = 0;
     var texte = my_box2_message[lactual].substring(0,my_box2_char);
     document.getElementById("my_box2_box").innerHTML = texte;
     if(my_box2_char < my_box2_message[lactual].length)
         {
         my_box2_char++;
         if(my_box2_html_flag == 1)    
             my_box2_affich(lactual);
         else
             setTimeout("my_box2_affich("+lactual+")",50)
         }
     else
         setTimeout("my_box2_go()",3000)
     }

 window.onload = my_box2_go;
 </SCRIPT>
 <!-- FIN DU SCRIPT --> 

J'ai essayé de l'enlever, le texte défilant disparait tout simplement.

Modifié 30 Juin 2006 par Kent

[Loctus]

Oui je vois ce que tu veux dire mais je ne comprend pas pourquoi tu ne mets pas ton script dans le div crée à cet effet.

[Kent]

Je suis confus, il faudra que je jette un coup d'oeil plus sérieusement. Je ferais ca dès que possible je vous tiendré au courant.

Merci pour ton aide Loctus.

[Loctus]

Pas de problèmes nous sommes ici pour nous aider mutuellement.

Bon courage néanmoins. (:

N'hésites pas