Salut
Je ne comprends pas pourquoi quand je met le code
BODY {
background-attachment: fixed; background-repeat: no-repeat; background-position: top center;
width: 770px;
margin: auto; /* Pour centrer notre page */
margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 10px; /* Idem pour le bas du navigateur */
background-image: url("/images/blue_background.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc
*/
text-align: center;
}
#page
{
background-color: rgb(255,255,255);/*couleur de fond*/
width: 764px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#menu-gauche
{
background-color: rgb(192,224,255);/*couleur de fond*/
border: 0px solid rgb(254, 140, 16); /*la bordure*/
border-top: none;/*pas de bordure en haut pour l'image*/
float: left;
width: 180px; /*on fixe une largeur, pareil que la largeur de l'image ^^*/
margin-left: 2px;/*marge de gauche*/
height: auto;/*hauteur automatique*/
}
#corps-de-page
{
height: auto;/*hauteur automatique*/
float: left;
width: 570px; /*largeur*/
text-align: justify;
text-indent: 25px;
margin-left: 10px; /*marge a gauche*/
margin-right: 2px; /*marge a gauche*/
background-color: rgb(255,255,255);/*couleur de fond*/
border: 0px solid rgb(254, 140, 16);/*la bordure*/
}
dans une page, le menu est repoussé en bas sous iexplore mais pas sous firefox, alors que le calcul est juste
2 pixel de marge gauche + 180 pixel pour le menu gauche + 10 pixel de marge gauche de l'article + 570 pixels pour l'article + 2 pixels pour la marge droite = 764 pixels de large comme il l'est dit dans le body ou le div page
cf:
http://www.legypteantique.com/Test/index-marge8.php
et
http://www.legypteantique.com/Test/index-marge10.php
Pour que l'article soit correctement lu sous iexplore, il faut que je mettre 8 px max de marge au lieu des 10. Pourquoi au dessus de 762 pixels dans un tableau de 764 de large, iexplore déconne???
QUand aux colonnes factices, quand je mets dans mon body background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0; cela ne marche pas, et quand je mets ce meme code sur le menu gauche
background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0; ou mon code couleur
background: #ccc rgb(192,224,255) repeat-y 50% 0;
cela ne fonctionne pas plus
cf http://www.legypteantique.com/Test/index-marge8.php
Bien Cordialement
Je ne comprends pas pourquoi quand je met le code
BODY {
background-attachment: fixed; background-repeat: no-repeat; background-position: top center;
width: 770px;
margin: auto; /* Pour centrer notre page */
margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 10px; /* Idem pour le bas du navigateur */
background-image: url("/images/blue_background.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc
*/text-align: center;
}
#page
{
background-color: rgb(255,255,255);/*couleur de fond*/
width: 764px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#menu-gauche
{
background-color: rgb(192,224,255);/*couleur de fond*/
border: 0px solid rgb(254, 140, 16); /*la bordure*/
border-top: none;/*pas de bordure en haut pour l'image*/
float: left;
width: 180px; /*on fixe une largeur, pareil que la largeur de l'image ^^*/
margin-left: 2px;/*marge de gauche*/
height: auto;/*hauteur automatique*/
}
#corps-de-page
{
height: auto;/*hauteur automatique*/
float: left;
width: 570px; /*largeur*/
text-align: justify;
text-indent: 25px;
margin-left: 10px; /*marge a gauche*/
margin-right: 2px; /*marge a gauche*/
background-color: rgb(255,255,255);/*couleur de fond*/
border: 0px solid rgb(254, 140, 16);/*la bordure*/
}
dans une page, le menu est repoussé en bas sous iexplore mais pas sous firefox, alors que le calcul est juste
2 pixel de marge gauche + 180 pixel pour le menu gauche + 10 pixel de marge gauche de l'article + 570 pixels pour l'article + 2 pixels pour la marge droite = 764 pixels de large comme il l'est dit dans le body ou le div page
cf:
http://www.legypteantique.com/Test/index-marge8.php
et
http://www.legypteantique.com/Test/index-marge10.php
Pour que l'article soit correctement lu sous iexplore, il faut que je mettre 8 px max de marge au lieu des 10. Pourquoi au dessus de 762 pixels dans un tableau de 764 de large, iexplore déconne???
QUand aux colonnes factices, quand je mets dans mon body background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0; cela ne marche pas, et quand je mets ce meme code sur le menu gauche
background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0; ou mon code couleur
background: #ccc rgb(192,224,255) repeat-y 50% 0;
cela ne fonctionne pas plus
cf http://www.legypteantique.com/Test/index-marge8.php
Bien Cordialement
En fait, tout doit être dans le global et compatible W3C (FF). Ensuite, dans le CSS IE, tu mets ce qui cloche avec IE. La ligne appelant le deuxième CSS fera que le navigateur (IE) remplacera par ce qu'il trouve dans ce deuxième fichier.
