Discussion :

[laurentSc]

Bonsoir,

je constate que par exemple pour IE et Firefox, il ne faut pas appliquer les mêmes largeurs ; est-il donc possible de faire du CSS conditionnel ? Quelque chose dans les Cours et tutoriels pour apprendre CSS : https://css.developpez.com/cours/ ?

[laurentSc]

Je ne fais pas du CSS conditionnel mais ai résolu mon problème :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
	$agent = $_SERVER['HTTP_USER_AGENT'];
	if(preg_match('/MSIE/i',$agent)) $br = 'IE';
	else $br = 'Unknown';
	switch($br)
	{
		case 'IE' : $extend_css="ie"; 
		break;
 
		case 'Unknown': $extend_css="other"; 
		break;
	}
        ...
	echo '    <ul class="... calendar-line-week-'.$extend_css.'">';
        ...

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
.calendar-line-week-ie li
{
	width: 19px;
}
 
.calendar-line-week-other li
{
	width: 20px;
}

[NoSmoking]

Bonjour,

je constate que par exemple pour IE et Firefox

et dans ton test tu ne cibles que IE

Question quand même ce fameux 1px de différence est gênant à ce point ?

[laurentSc]

En fait, dans mon cas, il y a 3 navigateurs importants : IE, Firefox et Chrome ; et Firefox et Chrome ont le même comportement d'où le test IE ou non...

Et voici de que j'obtiens avec FF sans ce petit pixel :


le décalage seulement sur la dernière ligne vient du fait qu'il ne se produit que sur les dates du calendrier auxquelles on affecte un événement...

et je viens de voir un bug : dans la barre d'adresse, var1 et var2 devraient avoir une valeur...(EDIT 22h17 bug corrigé )

[NoSmoking]

Il s'agit donc d'un défaut de cohérence de ton CSS entre les éléments affectés d'un événement.