Probleme d’alignement des modules

[Invité]

Bonjour à tous,

J'ai un soucis d'alignement des modules, j'ai essayé de régler le problème sur la page index en modifiant le CSS:

Code:

div#main-content {
width: 972px;
margin: -6px;
}
 
#logo {
margin: -6px;
}

Ce qui à l'air Ok mais maintenant c'est les autres modules qui se chevauchent et qui sont décalés  :

Code:

.navbar ul{border-bottom:none;}
#search-box{height:1px;visibility:hidden;}

#logo {
      padding: 0px !important;
}


body {
background-image: url();
background-repeat: no-repeat;
background-position: left;
}
.content h2, .panel h2 {
color:#FFFFFF;
}



/*ONGLETS*/

.categorylink
{border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #c7dbdc;}

.categorylink a
{color: #3E4FB9;}

.categorylink a:hover
{color: black;}


.onglet
{background-color: #c7dbdc;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
text-transform: uppercase;
letter-spacing: -1px;
-moz-border-radius:5px 5px 0px 0px;}

.panel h2.h3 {
color:#3E4FB9; /*Code color peut corrige */
}

.content h2, .panel h2 {
color:#3E4FB9;
}

#tweets
{   
    border: 4px double green;
    max-width:950px;
    padding:16px;
}
#tweets legend
{
    color:green;
}

#twitter_update_list li
{
    list-style-type:none;
    color:black;
}


div#main-content {
width: 972px;
margin: -6px;
}

#logo {
margin: -6px;
}



/*--- Bloc réponse rapide ---*/
 
.sceditor-container.ltr.sourceMode {
width:auto !important;
background-color: #FFFFFF !important;
}
.sceditor-container.ltr.wysiwygMode {
width:auto !important;
background-color: #FFFFFF !important;
}

/* bordure de l'éditeur */
div.sceditor-container {
border: 1px solid #089CB8 !important;
}
 
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: 1px solid #089CB8 !important;
}
 
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;
}
 
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: 1px solid #089CB8 !important;
}

/*---  Groupe de boutons ---*/
 
div.sceditor-group {
background-color: #F7F7F7 !important;
}

/*---  Partie supérieur contenant les outils ---*/
 
div.sceditor-toolbar {
background-color: #F7F7F7 !important;
width: auto !important;
}

.doublepost { border-top: 1px solid #888888 }

a {
        -moz-transition:all 0.5s; /* Mozilla Firefox */
        -webkit-transition:all 0.5s; /* Safari et Google Chrome */
        -o-transition:all 0.5s; /* Opera */
        transition:all 0.5s;
    }

Pouvez-vous m'aider je ne suis pas un ténor en CSS ?

[Tech]

Bonjour,

Si on retire la ligne margin: -6px; de ce code :

Code:

div#main-content {
    margin: -6px;
    width: 972px;
}

le soucis est résolu.

Cordialement.

[Invité]

Merci de votre aide

Mais si je corrige cette variable c'est les modules "portail" qui sont décalés:

[Tech]

Je ne vois pas pourquoi on a ce problème ...

Mais on peut rajouter ceci dans le CSS :

Code:

.portal {
    margin: -6px;
}

Cordialement.

[Invité]

Excellent merci !