[Résolu] Bordure dans un h1 sous iE

Bonjour

J'ai le problème suivant :
Sous FF et Opera, mes bordures dans mes box sont bien placées mais sous IE, encore une fois ça ne marche pas.

En effet, j'ai appliqué une bordure à l'intérieur d'un bloc que je sépare en plusieurs morceaux, et IE force l'affichage d'une bordure dans un h1, alors que FF et Opera n'en font rien.
J'aimerai donc supprimer cette bordure parasite dans le h1.

J'ai pensé mettre un border:0 et un border-style:none, mais rien n'y fait.

Voir page :
http://www.7min.org/v3
(le problème se voit visuellement sur les images quizz et news en coin)
Avez-vous une petite idée de comment gérer le soucis ? Merci d'avance
Modifié par light_at_the_end (02 Apr 2006 - 00:21)

Bonjour!
Rajoute ceci à tes cé-èsse-èsse
*{margin:0px;padding:0p}normalement ça marche
Modifié par Ralfman68 (01 Apr 2006 - 15:59)

Salut, j'ai essayé de faire comme tu dis, mais cela ne fonctionne pas

Où faudrait-il mettre ce que tu dis ?

CSS "incriminé"

/* Effet de bords */
.bord {
border: 2px solid #F5F8FF;
}
/* Fin d'effet de bord */
h1 {
border-style:none;
border:0;
}
.ensemble1 {
font-size: 12px;
background-color: #FAFAFA;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0px;padding:0px;
}
.box1{
float: left;
width: 303px;
background-color: #FAFAFA;
margin: 0 0 10px 0;
padding: 0;
}
.box2{
float: right;
width: 303px;
background-color: #FAFAFA;
margin: 0 0 10px 0;
padding: 0;
}
.box11 {
margin: 0 0 0 0;
padding: 0;
border:0;
border-style:none;
}
.box12 {
margin: 0 0 0 0;
padding: 0;
text-align: right;
}
.dr1 {
margin: -80px 0 0 90px;
padding: 0;
}
.dr2 {
margin: -80px 90px 0 0;
padding: 0;
}
.space1 {
height: 18px;
background-color: #FFFFFF;
margin: 0 0 0 0;
padding: 0;
}
.space2 {
height: 18px;
background-color: #FFFFFF;
margin: 0 0 0 0;
padding: 0;
}
.space3 {
background-color: #FFFFFF;
margin: 0 0 0 0;
padding: 0;
}
/* Fin affichage box haut gauche et droit */

et la partie XHTML :

 
	<div class="corps">		<div class="ensemble1">
			<div class="box1">
				<div class="bord">
					<h1 class="box11"><img class="imbox" src="images/staff_coi" width="93" height="80" alt="Staff quizz"/></h1>
					<div class="dr1">
						<p><b>L'équipe de ce site est constitué uniquement de bénévoles !</b></p>
					</div>
					<p>Ces services sont mis en place et géré par une communauté de bénévoles. <b>Nous ne faisons aucun bénéfice</b> avec les jeux et toutes les autres fonctionnalitées présentes. Les publicités sont mises en places afin de rembourser l'hébergement du site, et le restant est réinvesti dans diverses améliorations.</p>
					<p><b>N'oubliez pas néanmoins de respecter le travail des bénévoles qui donnent de leur temps.</b></p>
					<p>L'équipe actuelle de 7min.org se compose de <b>2</b> Admin, <b>6</b> OPérateurs.</p>
				</div>

salut , excuse moi il fallait lire :

*{margin:0px;padding:0px;}

et il faut le mettre au début de tes css.
l'étoile "*" est très importante, elle indique que les propriétés définies s'appliquent à tout.
Modifié par Ralfman68 (01 Apr 2006 - 15:50)

Merci beaucoup !!! ça marche.

Par contre, mes <p></p> sont transformé en simple retour à la ligne, mais je suppose que c'est une contrepartie que je ne peux éviter.

Je me débrouillerai donc avec des <br /> ajouté un peu partout.

a écrit :
Par contre, mes <p></p> sont transformé en simple retour à la ligne, mais je suppose que c'est une contrepartie que je ne peux éviter.

Non, tu dois pouvoir résoudre le problème sans avoir à ajouter des retours à la ligne ! Ca serait bien malheureux d'avoir un site en XHTML et CSS et utiliser des <br /> pour "simuler" des paragraphes

"Ralfman68" a écrit :
*{margin:0px;padding:0px;}

As-tu essayé tout simplement un

h1 {margin:0px;padding:0px;}

? A la limite si ça ne fonctionne qu'avec l'astérisque, rajoutes des marges à tes paragraphes juste après:

*{margin:0px;padding:0px;}
p{margin:5px;padding:5px;}

Modifié par cccm62 (10 May 2006 - 16:03)

Oups... fausse manip. On ne peut pas supprimer les messages ?
Modifié par cccm62 (10 May 2006 - 16:04)