It appears to me that you have artifically constricted elements of your template instead of using the semi-auto expand function and limiting these elements via your mainWrapper width statement
2 of your artificial constrictions below and highlighted:
Code:
#navMainWrapper { /*barre de navigation du HAUT*/
margin: 0em;
margin-top:2em;
margin-left:2.2em;
margin-right:2.9em;
/*couleur de fond */
background-color: #5d90ba; /*to set as TRANSPARENT if use an image*/
/*width:100%;*/
padding: 0.5em 0.2em;
font-weight: bold;
/*couleur des separations entre les liens*/
color: #000000;
/*determine la haute des barres de NAVIGATIONS tout en haut et tout en bas*/
/*la ligne etait : height: 1%; ca ne marche pas avec l'image...*/
height:25px;
}
#navEZPagesTop {
/*couleur de fond de la barre de NAVIGATION SOUS NOTRE LOGO. Si pas d'image, cette couleur de fond prend le relais*/
background-color: #5d90ba;
/*couleur du texte (ATTENTION : PAS des liens, que du texte !!!) sur la barre de navigation*/
color:#f5f4f0;
/*background-image: url(../images/tile_back.gif);*/
font-size: 1.1em;
/*aligne les liens au centre de la page*/
text-align:center;
/*font-weight: bold;*/
margin: 0em;
margin-left:2.2em;
margin-right:2.6em;
padding: 0.5em;
}
Therefore, your shopping contents is respecting the mainWrapper as it should while other elements you have aligned seperately
Bookmarks