bordures de div et de son contenu

**yanice** · 23/05/2007, 18h55

bonjour,
je vous présente mon code pour commencer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<head>
<style>
div{
border : 15px double #99CC33;
}
</style>
</head>
<body>
<div style="position:absolute; top: 70px; left: 370px; width: 150px; height: 120px; "><img src="px_transp.png" style="border: 5px solid #EC195C; width: 100%; position: inherit; left: 0px;"></div>
</body>

l'image est un pixel transparent.
avec ca, j'obtiens bien mes bordures le hic c'est que la bordure de mon image se superpose sur celle de la div.
comment faire pour éviter ca?

**Vinzius** · 23/05/2007, 19h00

Essaye de mettre un padding:5px; à ton div

Mmm sinon fait aussi un code css pour ton image ca sera plus simple

**yanice** · 23/05/2007, 19h06

voila, j'ai sorti les styles et j'ai ajouté un padding, mais le probleme reste le meme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
border : 4px solid #99CC33;
position:absolute;
top: 70px;
left: 370px;
width: 150px;
height: 120px;
}
img{
border: 2px solid #EC195C;
width: 100%;
padding:5px;
}
</style>
</head>
<body>
<div><img src="px_transp8b.png"></div>
</body>

sous IE il n'y a pas de probleme mais sous FF...
encore et toujours la meme chose.
est ce que quelqu'un peut me dire comment sont gérées les bordures sous FF? à l'extérieur du bloc?
ca devrait pas etre bien compliqué pourtant, non?

bordures de div et de son contenu

CSS

Discussions similaires

Partager

Partager