28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Malgré plusieurs recherche sur le net je n'ai pas trouver de réponse à mon probleme.
Voici le contexte :

Un site à été dévellopé pour un intranet, avec l'arrivé des grands écran, le css a été adapté pour pouvoir mettre plus d'infos. J'ai donc par exemple :


.boutons {
	top: 15px;
	left: 952px;
	width: 70px; 
	height: 40px;
	background-color: #ffffff;
	position: absolute;	
}
/* Ecran 22pouces+ */ 
@media screen and (min-width: 1550px) {
	.boutons {
		left: 1502px;
	}
}


Je fais mes tests sur un serveur en local (derrière c'est du struts), aucun souci cela fonctionne. je teste sous IE9, Chrome et Firefox.

Dès que je mets en production mes pages, donc sur un serveur "distant", cela fonctionne toujours sur Chrome et Firefox mais plus sur mon IE9 !! Idem pour les utilisateurs, y compris sur IE10 ???

Une option à déchocher qlqs part genre "compatibilité" liée à l'URL ?

J'avoue j'en perds mon css...
Oui, j'y ai d'ailleurs ajouté les balises mentionnées dans cet article.

Edit: En fait tu avais finalement raison, il faut revenir sur le site pour reforcer avec ce mode... grrr!
Comment faut-il faire pour ne pas le faire à chaque fois ?

Edit2: Bon, j'ai ajouté :
<!DOCTYPE html>

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Et pourant rien à faire, a chaque lancement de la page j'ai le droit à "Affichage de compatibilité IE9" et type de document "quirks"
Modifié par JPhedre (11 Dec 2013 - 16:10)