28173 sujets

CSS et mise en forme, CSS3

Marges négatives et background sous IE

Bonjour,
J'ai bug d'affichage sous IE avec cette page : http://perso.orange.fr/sjoubert/temp/
Le problème est simple, la solution beacoup moins. j'ai 2 divs (un sous l'autre). Le deuxième a une marin-top négative et le background du premier, au lieu de continuer jusqu'au bout, s'arrête au commencement du deuxième (comparez avec FF pour visualiser la page sans bug).
Merci pour votre aide.

#header1 img
{
	display: block;
	position: relative;
	left: 50%;
	margin-left: -207px;
}


Left exprimé en % et margin-left en pixels... mmm ca vaut mieux faire soit l'un soit l'autre.

Il vaut mieux construire différement ta page:


<div id="global">
  <div id="header1><div id="header2">
    <img src="logo">
    ...........
    ...........
  </div></div>
</div>


#global tu t'en sert pour gérer ton centrage (si tu veux des marges négative tu t'en serts là, etc. voir tutorial centrer un site...)
#header1 tu mets ta première image de fond gauche + un padding gauche afin que header2 ne le recouvre pas
#header2 idem sauf à droite, le padding servira pour que le texte soit centré.

Bref plutot que d'utiliser un margin négatif utilises le padding.
J'espère que ca t'aura mis sur la voie, ciao
Modifié par brunob (03 Sep 2006 - 20:35)
Sujet clos
Aller à