18100 sujets

Questions générales et questions de débutants

[résolu] Marge doublée avec Internet Explorer

bonsoir,

J'ai un DIV et un titre H1 contenu par ce DIV.
Je souhaite positionner le H1 à 35px du bord, mais...
IE me met 70px... Pas de pb sur Firefox et Opéra.
A quoi est du ce problème ?

Merci pour vos réponses

Eric

Mon code :


#headerpopup{
	width: 620px;
	height: 60px;	
	background: url(../images/bg_banniere.png)
}
#headerpopup h1{
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	padding-top: 22px;
        margin-left: 35px;
	background: url(../images/pucepop.gif) no-repeat 0 32px;
	font: 21px Arial, Helvetica, sans-serif;
	color: #FFF;
	letter-spacing: 1px;	
}

Modifié par EricLB (10 Nov 2005 - 14:55)
Raphael a écrit :
Hello,

Attention à ne pas laisser trop de sujets en suspens, oubliés, en cours ou résolus sans être marqués.
Tu as sans doute du ménage à faire, non ? Smiley cligne


Ok, je vais jeter un coup d'oeil ce soir Smiley cligne
Modifié par EricLB (02 Nov 2005 - 20:55)
tanguy a écrit :
Salut,

Pourquoi dans ton H1 tu mets un padding-left et un margin-left ?


Un padding-left pour laisser de la place à la puce en background.
Et un margin-left pour positionner le H1 à 35px du bord du div.

Tu as une autre solution ?
Ta puce est déjà positionnée avec le background-position : 0 32px
Modifié par tanguy (02 Nov 2005 - 18:17)
Oui ?... La puce est positionnée, d'accord. Mais si je laisse tel quel elle vient en superposition du texte, non ?
Modérateur
EricLB a écrit :
Oui ?... La puce est positionnée, d'accord. Mais si je laisse tel quel elle vient en superposition du texte, non ?


Exacte. Le padding est nécessaire.
Raphael a écrit :
Hello,

Attention à ne pas laisser trop de sujets en suspens, oubliés, en cours ou résolus sans être marqués.
Tu as sans doute du ménage à faire, non ? Smiley cligne


Raphaël, que faire quand les sujet n'a pas été résolu ?
Est-ce que je peux mettre un "[abandonné]" pour les sujets datant de plus d'1 mois, 1 mois 1/2 ?

Merci.

Eric
Effacez ce message, j'ignorais que la demande datait d'autant de temps.
Modifié par Dunkelheit (02 Nov 2005 - 21:07)
Dunkelheit a écrit :
Effacez ce message, j'ignorais que la demande datait d'autant de temps.


??? de quoi s'agit-il ?

Raphaël parlait de mes autres messages, celui-ci date d'aujourd'hui !
Si tu as une réponse, tu es le bienvenu !!!

Eric
oui mais le sujet n'est pas résolu...
non ? Je suis en train de me renseigner sur la "double marge" de IE6, mais apparemment pas de solution sans hack...
EricLB a écrit :

apparemment pas de solution sans hack...

Sans un lien vers la page en question, difficile de se prononcer (on a pas toujours le temps ou la patience de reproduire ton problème en local).
C'était bien un problème de double marge !
En fait dans le cas présent, il suffit de mettre un 
display:inline;
dans le code de l'élément flottant pour rétablir une marge normale !

Eric
display inline.... bon à savoir.

moi j'avais résolu cela en mettant mon image ds un div. Enfin quoi que, des fois j'avais un bel espace par dessous l'image.

Si on met border 0, padding et margin à 0, est ce que ca marche aussi?
Modifié par Oryo (11 Nov 2005 - 10:31)
Sujet clos
Aller à