bordure de cadre avec une css id

Bonjour tout le monde ! ;)

C'est vraiment très cool de tout gérer par les feuilles css ...
C'est con que j'arrive pas à faire du css3, mais ce n'est pas ma question.

1/ J'ai un petit soucis pour la continuité de ma bordure de tableau
div#cadre_general

je pense que vous comprendrai vite la prblème en allant sur le site.

J'ai tout expliqué dans les différent code ( css et source) donc je ne pense pas que ça soit trop lourd pour vous.

2/ comme j'ai envie d'être encore plus pénible (expression tiré de chez Futurama :mrgreen:) j'aimerai que
"div#fond_cadre_gauche_et_droit" n'est pas de marge avec "div#devant_cadre_gauche_et_droit", bref qu'il n'y est plus de bleu qui entoure le blanc... Il n'y a pas une histoire de index-z la dedant?

http://uansf.free.fr

merci pour votre aide

Ton probleme c'est que sur IE, n'est ce pas ?

essayes d'ajouter

Code:

---

overflow : hidden;

---

dans ton css dans div#cadre_general

Bonne journée

Citation:

---

Envoyé par Alt157

Ton probleme c'est que sur IE, n'est ce pas ?

essayes d'ajouter

Code:

---

overflow : hidden;

---

dans ton css dans div#cadre_general

Bonne journée

---

désolé, mais ça ne marche pas beaucoup plus ...

Code:

---

1 2 3 4 5 6

div#fond_cadre_gauche_et_droit{ background-color:#0066CC; text-transform:uppercase; color:#FFFFFF; margin:5%; }

---

L'erreur vient du width:100%. En lui donnant une largeur de 100%, il va prendre la largeur complète de son parent.
Le problème, c'est qu'il y a les margin et padding qui sont pris en compte (sauf sur IE :roll:), d'où le décalage...
Pour les bordures, il faut simplement retirer le padding.

Citation:

---

Envoyé par desert

Code:

---

1 2 3 4 5 6

div#fond_cadre_gauche_et_droit{ background-color:#0066CC; text-transform:uppercase; color:#FFFFFF; margin:5%; }

---

L'erreur vient du width:100%. En lui donnant une largeur de 100%, il va prendre la largeur complète de son parent.
Le problème, c'est qu'il y a les margin et padding qui sont pris en compte (sauf sur IE :roll:), d'où le décalage...
Pour les bordures, il faut simplement retirer le padding.

---

oula, j'ai du mal à te suivre ... pour le "div#devant_cadre_gauche_et_droit"
j'enllève le 100%

et pour "div#cadre_general" j'enlève le padding? Si je l'ai mis, c'est pour faire centré mon cadre ... :roll:

Je parle seulement du div fond_cadre_gauche_et_droit et d'aucun autre.
Dans ton css, tu as ceci :

Code:

---

1 2 3 4 5 6 7 8

div#fond_cadre_gauche_et_droit{ background-color:#0066CC; text-transform:uppercase; color:#FFFFFF; margin:5%; padding:5%; width:100%; }

---

Ne vois-tu pas la différence avec le code que j'ai posté plus haut ?

Oups ! Je n'avais pas vu que tu parlais div#cadre_general. Cela m'apprendra à lire entre les lignes ! :aie:
Pour ce problème (celui des colonnes de même hauteur), tu peux lire cet article qui en parle. Il faut en fait élaborer des colonnes factices, c'est-à-dire une image de fond se répétant vers le bas qui va simuler tes colonnes bleus. Il y a d'autre solutions, mais celle-ci est la plus simple.

Citation:

---

Envoyé par desert

Oups ! Je n'avais pas vu que tu parlais div#cadre_general. Cela m'apprendra à lire entre les lignes ! :aie:
Pour ce problème (celui des colonnes de même hauteur), tu peux lire cet article qui en parle. Il faut en fait élaborer des colonnes factices, c'est-à-dire une image de fond se répétant vers le bas qui va simuler tes colonnes bleus. Il y a d'autre solutions, mais celle-ci est la plus simple.

---

non mais en fait le premier code que tu m'avais donné

Code:

---

1 2 3 4 5 6

div#fond_cadre_gauche_et_droit{ background-color:#0066CC; text-transform:uppercase; color:#FFFFFF; margin:5%; }

---

à très bien marché .... et marche même sur firefox :king: (c'est dire ... ) par contre le reste de la mise en page est une cata :evilred:, mais c'est pas de ta faute ... lol ;)

le seul soucis, c'est qu'apprendre une langue c'est pas simple, mais en plus s'il faut apprendre les dialectes pour chaque navigateur ... on est mal barré .. :( y a pas un site qui traduise automatiquement les codes? ou un site qui ressence les codes qui marchent sur IE 7 et le dernier Firefox? :roll: