28221 sujets

CSS et mise en forme, CSS3

salut a tous
J'ai un probleme, quans je regle le smarge sous mozilla pour que ca colle a ce que je veut, c'est decaller de 7-8 px environ sous ie, et l'inverse quand j'egalise sous ie
si vous pouvez m'aider svp voila mes code:

[code]<div class="global"><!-- conteneur global -->
<div class="header"></div><!-- hedaer -->


<div class="menu">
<div class="gauche"><img src="images/menu.png" alt="menu" /></div>
<!-- code pour afficher le titre des menu, rempalcer le texte "le menu par ce que vous voulez" -->
<div class="menu2"><div class="texte">le menu</div></div>
<!-- mettez ici les lien -->
<div class="menu2"><div class="texte">le menu 2</div></div>
<!-- mettez ici les lien -->
<div class="menu2"><div class="texte">le menu 2</div></div>
<!-- mettez ici les lien -->
<div class="gauche"><img src="images/basmenu.png" alt="bas_menu" /></div><!-- bas du menu -->
</div><!-- fn du menu -->



<div class="news"> <!-- pour les news -->
<!-- code pour afficher le titre de la news, remplacer le texte "decoupe de designrealisé" par ce que vous voulez -->
<div class="titre"><div class="texte">Decoupe de design realisé</div></div>
<!-- mettez ici la news -->
<div class="titre"><div class="texte">Decoupe de design realisé 2</div></div>
<!-- mettez ici les lien -->
<img src="images/basnews.png" alt="bas_news" /><!-- bas du bloc news -->
</div><!-- findes news -->

<div class="footer"></div> <!-- footer -->
</div><!-- fin du globale -->



[code]body {
margin: 0px;
padding: 0px;
margin-left: 10px;
font-family: verdana, arial, sans-serif;
font-size: 12px; 
background-color:#ffffff;
}

.gauche {
float:left;
}
.menu {
float:left;
background-image: url('images/barmenu.png');
width: 200px;
margin-left : 13px;
margin-top :0x;
border : 0px solid #FF0000;

}

.menu2 {
float: left;
background-image: url('images/menu2.png');
background-repeat: no-repeat;
width: 200px;
height : 33px;
margin-left: -5px;
}

.global {
width:984px;
border :2px solid #000000;
}
.header {
background-image: url('images/header.png');
background-repeat: no-repeat;
width:984px;
height : 235px;
}


.news {
float:left;
background-image: url('images/barnews.png');
margin-left: 114px;
width: 643px;
border: 0px solid #000000;
}
.titre {
float: left;
background-image: url('images/titrenews.png');
background-repeat: no-repeat;
width: 643px;
height : 35px;
}


.footer {
background-image: url('images/footer.png');
width:984px;
height:34px;
clear: both;
margin-top: -14px;
border-top: 1px solid #CACACA;
}

.texte {
margin-left : 35px;
font-size:14px;
margin-top: 5px;
}
Administrateur
Je t'invite à suivre la Méthodologie complète qui se trouve en post-it du Salon CSS. Elle devrait te permettre de trouver rapidement quel est le problème et comment le résoudre... de plus, elle te servira pour la suite Smiley smile

Bonne chance !
sAlut a toi
J'ai suivi ta methode (tres bien d'ailleur) mais je n'ai pas reussi a trouver le probleme. J'ai coloré , mi des bordure, mais rien vue, j'ai aplliqué a tout les margin et padding a 0, rien non plus, mon code est valide au w3c donc pas un probleme de bloc ou inline

Problem resolu
merci pour ton aide, ton billet ma bien aidé en faite
Modifié le 19 Dec 2004 - 23:05