CSS et couleur de fond

Fermé
stephane - 26 nov. 2001 à 13:49
Bobinours
Messages postés
2898
Date d'inscription
jeudi 26 avril 2001
Statut
Membre
Dernière intervention
21 mars 2013
- 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???

1 réponse

Bobinours
Messages postés
2898
Date d'inscription
jeudi 26 avril 2001
Statut
Membre
Dernière intervention
21 mars 2013
505
27 nov. 2001 à 02:15
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 =-
1
.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!
0
Bobinours
Messages postés
2898
Date d'inscription
jeudi 26 avril 2001
Statut
Membre
Dernière intervention
21 mars 2013
505 > stephane
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 =-
0