Même définition CSS mais effets différents

**scrouet** · 27/03/2008, 16h58

Bonjour.

J'ai deux blocs (div) dans mon formulaire, pour lesquels je veux un comportement identique. Chaque bloc contient un select précédé d'un label et les deux blocs sont de la même classe (en commun avec d'autres blocs). Ils ont des identifiants differents mais j'ai définis les mêmes paramètres CSS pour les deux. A priori, tout devrait se passer correctement. Eh bien non !

Je n'y comprends rien.
Quelqu'un aurait-il une explication, sachant que j'ai bien regardé dans mon fichier CSS, les identifiants n'apparaissent pas ailleurs.

**franculo_caoulene** · 27/03/2008, 17h05

Salut,

Une réponse avec les éléments que tu nous donnes, ce n'est pas possible. Sauf une, l'erreur est bel et bien dans ton CSS ou ton code (x)HTML... Etonnant!

Pour moi le meilleur moyen est de recommencer à zéro plutôt que de fouiller dans le code existant. Recompose ta page en partant de ce qui ne fonctionne pas.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>test (x)html</title>
	<style type="text/css">
 	</style>
</head>
<body>
</body>
</html>

**Erwan31** · 27/03/2008, 17h26

Sans le code il va être difficile de t'aider.

**scrouet** · 28/03/2008, 10h59

Désolé, j'ai été mauvais.

En recomposant ma page comme suggéré, je me suis aperçu que, des deux blocs, celui qui avait le "mauvais" comportement n'était pas celui auquel je pensais. Et du coup j'ai bien trouvé un conflit de définition dans mon fichier : le bloc au "mauvais" comportement existe dans deux pages différentes avec le même ID, mais je n'avais pas préfixé son ID avec celui de la page partout.
Plus clairement j'avais, dans le même fichier CSS :

Code :

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

1
2
3
4
 
#blc_mpa_id {float:left;width:17em}
[...]
#lister_operations #blc_mpa_id label {width:3em}

que j'ai corrigé en :

Code :

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

1
2
3
4
 
#saisir operation #blc_mpa_id {float:left;width:17em}
[...]
#lister_operations #blc_mpa_id label {width:3em}

Merci pour votre aide.

Même définition CSS mais effets différents

CSS

Vue hybride

Discussions similaires

Partager

Partager