CSS et couleur de fond
J'essaie de définir la couleur de fond d'une page en CSS.
J'ai fait une class .gauche et une class .droite avec un attribut background: #rgb; et un z-index 0; puis le reste en z-index 1; ca fonctionne bien avec msie 6 et netscape 6 mais pas avec netscape 4.78 alors que, sauf erreur, cette version est censée connaître les CSS???
J'ai fait une class .gauche et une class .droite avec un attribut background: #rgb; et un z-index 0; puis le reste en z-index 1; ca fonctionne bien avec msie 6 et netscape 6 mais pas avec netscape 4.78 alors que, sauf erreur, cette version est censée connaître les CSS???
1 réponse
-
Non... Sauf erreur, cette version connait UNE PARTIE des CSS...
Je n'ai pas compris ce que tu as cherché à faire avec tes z-index, peux tu faire voir ton code.
-= Bobinours =--
.droite {
background: #a1f2c3;
height: 700px;
width:20%;
left: 0px;
top: 0px;
position: absolute;
visibility: visible;
z-index: 0;}
.gauche {
idem sauf que width: 80% et right: 0px;}
.texte {
pas de background
left: 15px
top: 15px...}
</style>
<body>
<div id="..." class="gauche"></div>
<div...class="droite"></div>
<div...class="texte">blablavla</div>
J'ai mon fond de couleur avec MSIE 6 et Netscape 6.2 mais avec Netscape 4.78. Le texte est où il faut... Merci! -
@stephaneTon problème ne vient pas du fond, mais de la WIDTH et HEIGHT de tes <DIV>. Si tu ajoute un bord, la largeur est prise en compte, mais la hauteur dépend du texte présent dans le DIV (qui est vide dans ton cas). Voir exemple ci-dessous:
A mon avis, tu fais quelque chose de trop compliqué. Netscape 4.7 ne supporte pas suffisament les CSS pour faire ça. Un simple tableau ne te suffit pas ?
<html>
<head>
<style>
.gauche {
border:solid 1px red;
background:red;
height:700px;
width:80%;
/* right:0px; */
left:0px;
top:0px;
position:absolute;
/* visibility:visible; */
/* z-index:0; */
}
.droite {
border:solid 1px yellow;
background:yellow;
height:700px;
width:20%;
left:0px;
top:0px;
position:absolute;
/* visibility:visible; */
/* z-index:0; */
}
.texte {
color:white;
height:700px;
width:80%;
/* right:0px; */
left:15px;
top:15px;
position:absolute;
/* visibility:visible; */
/* z-index:0; */
}
</style>
</head>
<body>
<div class="gauche" style="height:100px"><BR>gauche<BR>avec un saut<BR> de ligne</div>
<div class="droite">droite</div>
<div class="texte">texte qui surplombe les deux autres layers...</div>
</body>
</html>
-= Bobinours =-
-
