Bonjour, je débute en xhtml/CSS et je rencontre un petit problème :
Dès que j'affiche une image entre mes deux balises <div></div> le comportement du navigateur est bizarre.
Sous ie tout s'affiche niquel, le texte & les images.
Sous firefox, assez aléatoirement (rafraichissez si ce n'est pas le cas), le cadre contenant l'image se remplit de la couleur de fond (j'ai mis bleu expres pour que l'on comprenne bien), et rien ne s'affiche.
http://rr-world.net/~rr/new/index.php
css : http://rr-world.net/~rr/new/w3c.css ca se passe la :
Code :
- div#MainBoxMain{
- width:625px;
- overflow:hidden;
- background-color:#0000FF;
- color: black;
- }
- #MainBoxMain #MainBox-left {
- float:left;
- margin-top: 0px;
- margin-bottom:0px;
- overflow:hidden;
- background-image: url('images/16.jpg');
- background-position: left;
- background-repeat: repeat-y;
- background-color:white;
- }
- #MainBoxMain #MainBox-right {
- float:left;
- margin-top: 0px;
- margin-bottom:0px;
- overflow:hidden;
- background-image: url('images/17.jpg');
- background-position: right;
- background-repeat: repeat-y;
- }
- #MainBoxMain #MainBox-mid{
- margin-top: 0px;
- margin-bottom:0px;
- overflow:hidden;
- padding-left:10px;
- padding-right:10px;
- float:left;
- width:605px;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 12px;
- line-height:24px;
- color: #333333;
- }
|
Et le truc bizarre, c'est que si dans le navigateur on clique n'importe quel lien et que l'on revient sur ma page avec le bouton précédent, tout s'affiche normalement.
Il ya surement pas mal de trucs pas très propres dans mon code, alors soyez indulgents
Merci