Bon beh ... Plus je lis sur CSS, moins je comprends ...
Ca doit être comme une psychanalyse...

Mon problème (cette fois-ci) vient d'une bordure.

J'ai donc mon conteneur général (body) dans lequel j'ai un conteneur "contenu" et dans lequel j'ai un conteneur "calendrier".

Dans le conteneur "body", j'ai indiqué une bordure. Voici le code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
body {
...
border: 1px;
border-style: solid;
border-color: #c0f000;
...
}
Pas de souci, la bordure s'affiche bien !

Dans le conteneur "contenu", je n'ai pas indiqué de bordure. Voici le code global de ce conteneur qui contient, à son tour, mon conteneur "calendrier" :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
#contenu {
width: 730px;
margin-left: 3px;
margin-right: 10px;
padding: 0;
float: right;
}
Enfin, j'ai mon conteneur "calendrier" qui est sous "contenu" (et par conséquent sous "body") pour lequel je veux une bordure left et bottom. Voici le code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
#calendrier {
float: right;
width: 250px;
margin-left: 5px;
border: 2px;
border-color: #000000;
border-style-left: solid;
border-style-bottom: solid;
}
Et voici le code XHTML :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
...
<body>
<div id="contenu">
 
<div id="calendrier">
Blablablabla
</div>
 
</div>
</body>
...

Et donc : la bordure du conteneur "calendrier" ne s'affiche pas.

Une idée pour m'aider ?

Merci !