Bonjour tout le monde 
Voila, j'ai un problème d'affichage* sur IE (sur firefox vraimment nickel) et je ne vois pas comment résoudre ce problème, pouvez vous m'aidé svp.
* Le problème d'affiche: Le corps est collé au fenetre des menu droite et gauche alors que sur FireFox c'est parfait ensuite, il y a la barre juste au dessus de chaque sous corps qui n'est pas de la même longueur que le sous corp. (désolé si je n'est pas été assé clair, mais je ne vois pas comment l'expliquer autrement)
le site: http://blastmanu.no-ip.com (en construction)
ma CSS:
Code :
- body
- {
- font-family:Verdana, Arial, Helvetica, sans-serif;
- font-size: 0.8em;
- margin: 0;
- padding: 0;
- }
- #conteneur
- {
- position: absolute;
- width: 100%;
- background-color:white;
- }
- #header
- {
- height: 80px;
- background-image: url("kit/fond_header.jpg" );
- background-repeat:repeat-x;
- }
- #logo
- {
- height:80px;
- background-image:url("kit/fond_header_logo.jpg" );
- background-repeat: no-repeat;
- }
- #haut
- {
- margin-top:5px;
- height: 30px;
- background-image: url("kit/fond_haut.jpg" );
- background-repeat:repeat-x;
- margin-bottom: 10px;
- }
- #menu_gauche
- {
- float: left;
- width: 120px;
- margin-left: 5px;
- }
- #menu_droite
- {
- float: right;
- width: 120px;
- margin-right: 5px;
- }
- .element_menu
- {
- border:1px solid black;
- margin-bottom: 10px;
- background-color:#ececec;
- }
- .barre
- {
- width:118px;
- height:15px;
- border:1px solid black;
- background: url("kit/barre.jpg" ) no-repeat;
- }
- .barre2
- {
- height:15px;
- border:1px solid black;
- background-image: url("kit/barre.jpg" );
- }
- #corps
- {
- margin-left: 130px;
- margin-right: 130px;
- margin-top: 10px;
- }
- .sous_corps
- {
- margin-bottom: 10px;
- padding: 5px;
- border: 1px solid;
- background-color:#ececec;
- }
- #footer
- {
- clear: both;
- height: 20px;
- background-image: url("kit/footer.jpg" );
- background-repeat:repeat-x;
- margin-bottom: 10px;
- }
|
