Forum d'entraide PHPFrance

Salut a tous,
Voila j'ai un petit souci avec ces quelques lignes :

Le fichier CSS

.relsample { width: 500px; position: relative; background-color: #909090; }

.relsample .top_left, .relsample .top_right, .relsample .bottom_left, .relsample .bottom_right { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color: #909090; }

.relsample .top_left { top: 0px; left: 0px; background-image: url("hautgauche.gif"); z-index: 0; }
.relsample .top_right { top: 0px; right: 0px; background-image: url("hautdroit.gif"); z-index: 1; }
.relsample .bottom_left { bottom: 0px; left: 0px; background-image: url("basgauche.gif"); z-index: 2; }
.relsample .bottom_right { bottom: 0px; right: 0px; background-image: url("basdroit.gif"); z-index: 3; }

.relsample .content { position: relative; padding: 12px; z-index: 4; }

Le fichier HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="fichier.css" />
</head>
  <body>
<table valign="center" height="100%" width="100%"><tr><td align="center">

<div class="relsample">
	<div class="top_left"></div>
	<div class="top_right"></div>
	<div class="content">
		<p><i>Mes Contacts</i></p>
    </div>
	<div class="bottom_left"></div>
	<div class="bottom_right"></div>
</div>

<br><br>

<div class="relsample">
	<div class="top_left"></div>
	<div class="top_right"></div>
	<div class="content">
		<p>Test</p>
    </div>
	<div class="bottom_left"></div>
	<div class="bottom_right"></div>
</div>

</tr></td></table>
  </body>
</html>

Dans IE il y a une ligne en bas de chaque cadre qui est super moche. Si quelqu'un sait m'aider pour virer cette petite barre de chaque coté. Ce serait super sympa.
Pour visualiser mon probleme : http://membres.lycos.fr/nonameyet/
MErci d'avance
Ice

J'ai le même affichage sous Firefox et sous IE, je ne vois pas la ligne en question

Et bien c'est tres etrange que tu n'ais rien mais voici ce que moi et un ami on obtient :

Et cette petite barre est bien moche.
Moi je n'ai ce souci qu'avec IE

J'ai souvent ce problème, et je ne connais que 2 solutions, si ton design le permet mettre un border-bottom :

Code : Tout sélectionner

.relsample .content { position: relative; padding: 12px; border-bottom: 1px solid #fff; z-index: 4;}

Ou alors hack IE :

Code : Tout sélectionner

.relsample .content { position: relative; padding: 12px; _padding: 12px 12px 11px 12px; z-index: 4;}

Excellent Spirou .
C'est nickel, merci a toi

Forum d'entraide PHPFrance

Coin arrondi deconne dans IE

Coin arrondi deconne dans IE