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 en
ne prenant plus en compte la taille totale de la fenetre relative
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">
div.shadow {
width:200px ;
height:200px ;
background-color:black }
div.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">
div.shadow {
width:40% ;
height:40% ;
position:absolute;
background-color:black }
div.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 en
ne prenant plus en compte la taille totale de la fenetre relative
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">
div.shadow {
width:200px ;
height:200px ;
background-color:black }
div.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">
div.shadow {
width:40% ;
height:40% ;
position:absolute;
background-color:black }
div.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