Coin arrondi deconne dans IE

par **Ic3Cub3** » 24 janv. 2006, 18:30

Excellent Spirou .
C'est nickel, merci a toi

par **spirou** » 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;}

par **Ic3Cub3** » 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

par **Cyrano** » 23 janv. 2006, 02:50

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

par **Ic3Cub3** » 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

Coin arrondi deconne dans IE

Répondre

Étendre la vue Revue du sujet : Coin arrondi deconne dans IE

Coin arrondi deconne dans IE