Coin arrondi deconne dans IE

22 janv. 2006, 23:08

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

23 janv. 2006, 02:50

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

23 janv. 2006, 18:46

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

23 janv. 2006, 23:57

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;}

24 janv. 2006, 18:30

Excellent Spirou .
C'est nickel, merci a toi

Coin arrondi deconne dans IE

Qui est en ligne