28220 sujets

CSS et mise en forme, CSS3

Décalage entre 2 blocs

Bonjour,

Tout d'abord désolée d'avoir posté le message d'avant alors que je n'avais pas fini de le saisir, fausse manip et je ne peux pas le supprimer! Smiley confused

Voici donc le message en entier:
J'ai 2 div l'un en dessous de l'autre dans un bloc global, mais au lieu qu'ils soient collés, j'ai un décalage d'1 ou 2 pixels entre les deux.
Voici mon code html: 

<body>
<div id="global">
      <div id="header">
             --contenu graphique--
      </div>
      <div id="menu">
             --contenu graphique--		
      </div>
      <div id="central"></div>
</div>
</body>

Et dans le CSS:

body {
     margin: 0; 
     text-align: center; 
     }

#global {
     border: none;
     margin-left: auto;
     margin-right: auto;
     width: 612px;
     height: 600px;
     text-align: left; 
     }
	 
#header {
	width:612px;
	height: 165px;
	margin:0;
	padding:0;
	}
	
#menu {
	width:612px;
	height:18px;
	margin:0;
	padding:0;
	}

#central {
	float:left;
	margin-top:0px;
	padding:0;
	background-image:url(images/images/central.gif);
	width:612px;
	height:341px;
	}

Par contre je n'ai pas ce décalage entre le bloc menu et le bloc central.
(je précise que j'ai ce problème sous IE et aussi sous Firefox.

Si quelqu'un peut m'aider, je le remercie d'avance!
Modifié par pixee (18 Nov 2005 - 12:21)
Je pense quec'est au niveau du bloc global que ça coince.

Essaie :

#global {
     border: none;
     margin-left: auto;
     margin-right: auto;
     padding: 0;
     width: 612px;
     height: 600px;
     text-align: left;
     }

Modifié par Aquarius (18 Nov 2005 - 15:53)
Sujet clos
Aller à