28172 sujets

CSS et mise en forme, CSS3

[Résolu] Pb d'affichage, des marges entre les blocs principaux

bsr à tous,
j'ai integré un site , le problème c'est que il y a des marges entres les blocks principaux : header - corps - footer or que j'ai mis margin:0px et padding:0px partout....

on peut voir le site ici : http://axeomconseil.com/new/

et voici mon codes CSS:
@charset "utf-8";
/* CSS Document */

body
{
   width: 1002px;
   background-color:#D57B2F;
   background-position:center;
   
}
#header{

   width: 1002px;
   height: 287px;
   background-image: url(template/HeaderPourFlash1.png);
   background-repeat: no-repeat;
   background-position:top;
   margin:0px;
   padding:0px;
   
}
#Corps{
background-image:url(template/corps.png);
background-repeat: repeat-y;
width:1002px;
background-position:center;
margin:0px;
padding:0px;
}

#Corps .container{
width:834px;
margin-left:22px;

}



#footer{
background-image: url(template/footer.png);
background-repeat:no-repeat;
background-position:bottom;
width:1002px;
height:79px;
margin:0px;
padding:0px;
}
#footer p{
color:#FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#footer p.haut{
font-size:14px;
font-style:italic;
padding:0px;
padding-top:18px;

}

#footer p.bas{
font-size:10px;
padding-bottom:0px;
padding-top:0px;

}


et mon code php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>.: Axeom Conseil :.</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css"  href="styleIndex.css" />
      
   </head>
   <body>
   <div id="header"></div>
   <div id="Corps">
   <div class="container">
     <?php
if($page==""){
if($session=="2" AND $action!='deconnect'){
include("compte.php");
}
else{
include("accueil.php");
}
}
else{
if(file_exists("$page.php")){
include("$page.php");
}
else{
include("accueil.php");
}
}
?>
   </div>
</div>
   
   <div id="footer">
   <p class="haut">"Choisis un travail que tu aimes......et tu n'auras pas à travailler un seul jour de ta vie" (Confucius)</p>
   <p class="bas">AXEOM CONSEIL <br/>
Contact | Mentions Légales</p>
   </div>
       
</body>
</html>


je vous remercie d'avance pour votra aide, j'en ai vraiment besoin.

Francess
Modifié par francess (25 Feb 2009 - 10:39)
Merci..Merci..Merci... Smiley biggrin

c'est bon, c'est parti mais pour ne plus avoir des pb comme ça il faut vraiment que j'analyse bien tout ce qui est dit dans le lien que tu m'a donné...

En tout cas si j'aibien compris alors , il faut voir ce que les navigateur mettent par defaut et les annulés dans mon code à moi... c'est trop fort jsuis contente car j'ai avancé en experience...

Merci encore
Francess
francess a écrit :
En tout cas si j'aibien compris alors , il faut voir ce que les navigateur mettent par defaut et les annulés dans mon code à moi...
Je dirais qu'il faut au moins savoir que les navigateurs donnent à certains éléments des margin/padding par défaut : on voit vite si ça pose problème en testant son site avec plusieurs d'entre eux.

Pour ce qui est de remettre à plat tout ça tu peux lire Une feuille de styles de base pour bien démarrer vos projets.

Et si tu considères que ce sujet est [Résolu] merci de l'indiquer en éditant ton premier post et en modifiant le titre. Smiley cligne
Modifié par Heyoan (25 Feb 2009 - 01:18)
slt, oui le pb est résolu...

je vais voir ton lien car c'est sûr que je dois encore bien approfondir mes pti savoir. Smiley cligne

Merci encore.
Francess
Sujet clos
Aller à