Discussion :

[ledisciple]

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 ) 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

[Alt157]

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

essayes d'ajouter

Code :

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

overflow		: hidden;

dans ton css dans div#cadre_general

Bonne journée

[ledisciple]

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

essayes d'ajouter

Code :

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

overflow		: hidden;

dans ton css dans div#cadre_general

Bonne journée

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

[desert]

Code css :

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

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 ), d'où le décalage...
Pour les bordures, il faut simplement retirer le padding.

[ledisciple]

Code css :

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

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 ), 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 ...

[desert]

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

Code css :

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

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 ?