28172 sujets

CSS et mise en forme, CSS3

Hello à tous,

J'ai fait une page contenant un menu lui même encapsuler dans un div.
Voici le code attribué au div :

.menu{
overflow: visible;
position: relative;
display:block;
margin-left:0;
margin-right:0;
padding:0;
width:967px;
height: 35px;
background: url('img/three_0.gif') repeat;
}

Sous IE c'est OK :

http://nsa06.casimages.com/img/2009/04/20/mini_090420122815557554.jpg

On voit que la barre dégradé arrive pile jusqu'au fond noir.

Par contre sur firefox cela il y a un espace blanc :

http://nsa06.casimages.com/img/2009/04/20/mini_090420123041643710.jpg

Comment faire pour que sur mozilla la barrearrive a la hauteur du fond noir ?

PS : Si j'augmente la valeur width:967px sa apparait correctement sous firefox mais sa déborde sous IE et sa fait tout moche Smiley confus

Merci à ceux qui aurons pris le temps de lire mon appel au secours.

Nico38.
Bonsoir nico38,

Il serait plus aisé de te venir en aide avec l'entiereté de ton code (html et css) cela permettrait de mieux appréhender les choix qui t'on conduit à choisir ces propriétés pour ce conteneur et de voir ce qui influe sur celui-ci dans le reste de ton code.
Une page en ligne serait évidemment l'idéal, ne serait-ce que pour avoir accès aux images Smiley cligne
Obtiens-tu le même rendu sous IE7 ou IE8 ?

Cdt,
Sylvain