Probleme d'ombre en CSS (firefox et konqueror)
Publié : 25 févr. 2005, 23:15
Bonjour
je veux faire deux boites avec un effet d'ombre. La premiere est noire et par dessus en
relatif, je viens deposer une seconde boite blanche un peu decalée. Cela marche bien
sur Firefox et Konqueror quand j'indique des PIXEL (px) , mais quand j'indique une position
en pourcentage, Konqueror ne marche plus. Pourriez vous me dire pourquoi ?
voici le script en pixel qui marche sur firefox et konqueror :
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
.shadow {
width:200px ;
height:200px ;
background-color:black }
.boite {
width:200px ;
height:200px ;
background-color:white ;
border: solid 2px black ;
position:relative ;
top:-7px ;
left:-7px}
</style>
</head>
<body>
<div class="shadow">
<div class="boite">I am a white box</div>
</div>
</body>
</html>
et le script en % qui ne marche que sur firefox, konqueror n'affiche que la partie
de la fenetre blanche où j'écris qquelquechose:!
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
.shadow {
width:40% ;
height:40% ;
position:absolute;
background-color:black }
.boite {
width:100% ;
height:100% ;
background-color:white ;
border: solid 2px black ;
position:relative ;
top:-7px ;
left:-7px}
</style>
</head>
<body>
<div class="shadow">
<div class="boite">I am a white box</div>
</div>
</body>
</html>
Merci de votre aide !!!
Jean-Philippe
je veux faire deux boites avec un effet d'ombre. La premiere est noire et par dessus en
relatif, je viens deposer une seconde boite blanche un peu decalée. Cela marche bien
sur Firefox et Konqueror quand j'indique des PIXEL (px) , mais quand j'indique une position
en pourcentage, Konqueror ne marche plus. Pourriez vous me dire pourquoi ?
voici le script en pixel qui marche sur firefox et konqueror :
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
.shadow {
width:200px ;
height:200px ;
background-color:black }
.boite {
width:200px ;
height:200px ;
background-color:white ;
border: solid 2px black ;
position:relative ;
top:-7px ;
left:-7px}
</style>
</head>
<body>
<div class="shadow">
<div class="boite">I am a white box</div>
</div>
</body>
</html>
et le script en % qui ne marche que sur firefox, konqueror n'affiche que la partie
de la fenetre blanche où j'écris qquelquechose:!
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
.shadow {
width:40% ;
height:40% ;
position:absolute;
background-color:black }
.boite {
width:100% ;
height:100% ;
background-color:white ;
border: solid 2px black ;
position:relative ;
top:-7px ;
left:-7px}
</style>
</head>
<body>
<div class="shadow">
<div class="boite">I am a white box</div>
</div>
</body>
</html>
Merci de votre aide !!!
Jean-Philippe
