Téléchargement
illégal
Posez votre question Signaler

CSS et couleur de fond

stephane - Dernière réponse le 27 nov. 2001 à 17:35
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???
Lire la suite 

CSS et couleur de fond »

3 réponses
Réponse
+0
moins plus
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 =-
stephane - 27 nov. 2001 à 13:23
.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!
Bobinours- 27 nov. 2001 à 17:35
Ton 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 =-
Ajouter un commentaire
Ce document intitulé « CSS et couleur de fond » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?