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 ?

[desert]

Oups ! Je n'avais pas vu que tu parlais div#cadre_general. Cela m'apprendra à lire entre les lignes !
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.

[ledisciple]

Oups ! Je n'avais pas vu que tu parlais div#cadre_general. Cela m'apprendra à lire entre les lignes !
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 :

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%;
}

à très bien marché .... et marche même sur firefox (c'est dire ... ) par contre le reste de la mise en page est une cata , 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?