Bordure qui ne s'affiche pas

**oranocha** · 13/04/2007, 11h30

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 !

**Bisûnûrs** · 13/04/2007, 11h42

Code :

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

border-left-style

et non pas

Code :

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

border-style-left

Au passage, tu peux simplifier ton code.

Cf : http://xhtml.developpez.com/faq/?pag...css_raccourcis

Et la propriété border simple prends trois valeurs et non pas une seule.

**oranocha** · 13/04/2007, 12h28

Un grand merci !

Encore une fois : une grosse distraction de ma part

Mais grâce à ce post, tu m'as permis de découvrir la simplification

Merci de l'info !

Bordure qui ne s'affiche pas

CSS

Discussions similaires

Partager

Partager