Discussion :

[alexis1975]

Bonjour,

Je commence tout juste à faire du site internet et voilà que j'essaie de faire un site avec du CSS et des DIV. Mais au moment de le tester, voilà que l'affichage ne correspond pas à ce que je souhaite

Sur IE7, il y a un espace qui se forme à droite des pages et sur Firefox, il y a un espace en haut, entre deux div.

la page c'est http://www.top-copier.com

Je n'arrive pas à trouver d'où vient mon erreur, j'ai pourtant essayé plein de truc et sous css et sous html.

Help me please
Merci d'avance
Alexis

[m1ckros]

Pour Firefox, ajoute un overflow:hidden dans le style de la div contenu ainsi qu'à son conteneur si besoin.

Pour IE, ça vient des width:100% qu'il y a dans ton bandeau.
Tu devrais essayer de reprendre ton bandeau en faisant quelque chose du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="bandeau">
    <a href=""><img src="" /></a>
    <p>Empresa</p>
</div>

Avec du css qui ferait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#bandeau {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 96px;
    background: url('image'); // Là, autant rassembler les 3 images en une seule et repeat-x
}
#bandeau img {
    border: 0;
    width: 227px;
    height: 96px;
    // Peut-être avec un float:left;
}
#bandeau p {
    // Si float:left, faudra ptete ajouter un margin-left
}

Pour ce qui est d'IE, je n'ai pas fait de tests donc ce n'est pas du code applicable en l'état. Par contre firefox, ça devrait marcher.