Forum d'entraide PHPFrance

Bonsoir,

Voilà : j'ai créé une belle feuille css, qui fonctionne parfaitement sous Firefox et Opéra mais évidemment pas sous IE

Donc j'ai créé une autre feuille css qui fonctionne sous IE.

Mon problème : comment faire pour que cette dernière css soit utilisée en lieu et place de la première si le navigateur utilisé est Internet Explorer ?

Cordialement

Lluthiel

Salut,

Dans tous les cas tu n'est pas dans le bon forum, soit:

. tu veux détecter le navigateur => Forum javascript
-> exemple

. tu veux réctifier la feuille CSS => Forum CSS

Ahh désolée

Je pensais que c'était faisable en php, c'est pour ça que j'ai posté là... et comme je ne connais pas du tout le javascript, j'espérais trouver une solution en php

Lluthiel

Il n'y a pas mort d'Homme

A savoir que le php est un langage serveur donc lorsque le code arrive sur l'écran du client (toi) php à déjà fini de travailler donc il ne peut pas détecter le navigateur ce qui implique le Javascript.

De meme pour le CSS, que tu devrais réctifier au lieu de contourner

lol ça fait 15 jours que je rame sur la css...

En tout cas merci pour le lien

Lluthiel

Les CSS et Internet Explorer ont toujours été un casse-tête et même avec la prochaine version, ce ne sera pas tellement mieux d'après les échos au sujet de la version beta de IE7 en circulation.

Ceci dit, tu as ici le forum (X)HTML & CSS d'une part, et les forums AlsaCréations qui peuvent t'apporter du soutien.

Sinon, tu peux effectivement envoyer une feuille de style différente avec PHP en récupérer le USER_AGENT dans les variables d'environnement et ainsi savoir s'il s'agit de IE ou d'un autre navigateur. Mais c'est un pis-aller.

voici une methode pour dissocier un css pour IE et pour les autres explorateur =>

// pris en compte uniquement pour IE
div#content{
float:left;
margin-top:5px;
margin-bottom:5px;
vertical-align:top;
height:340px;
border:dashed;
border-width:1px ;
width:570px;
display: inline-block;
}

// pris en compte pour les autres
html>body div#content{
float:left;
margin-top:5px;
margin-left:5px;
margin-bottom:5px;
vertical-align:top;
min-height:340px;
height:auto;
border:dashed;
border-width:1px ;
width:570px;
display: inline-block;
}

dans mon cas c'est interessant car min-height: n'est pas compris par IE

j'espere que ca va t'aider

++