Bug IE - Firefox ca marche // image en div

Signaler
Messages postés
28
Date d'inscription
vendredi 22 juillet 2005
Statut
Membre
Dernière intervention
12 août 2008
-
Messages postés
28
Date d'inscription
vendredi 22 juillet 2005
Statut
Membre
Dernière intervention
12 août 2008
-
Bonjour,

Voila j'ai un probleme avec mon code, il y a un bug sous ie alors que sur firefox ca marche tres bien. J'ai un peu chercher partout mais j'arrive pas à réparer le bug.

Est ce qe quelqu'un pourrait m'aider a le resoudre s'il vous plait.

Sinon j'ai un autre probleme je n'arrive pas a faire en sorte que les coté ( gauche et droite  (menu gauche et menu droite) ait une hauteur automatique en fonction de ce qu'il y aura au centrale ( news). j'ai mis height=auto; mais ca ne fonctionne pas quand je mets du texte sur news les cotés ne descende pas, il faut obligatoirement que je refixe la hauteur des cotés (gauche et droite).

adresse de la page : http://l4pfr.free.fr/bug/index2.php

Voila j'espere que quelqu'un pourra m'aider par rapport a ce bug et également par rapport a mon second problème.
Je vous remercie d'avance.
A bientot

4 réponses

Messages postés
28
Date d'inscription
vendredi 22 juillet 2005
Statut
Membre
Dernière intervention
12 août 2008

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles2.css">
<style type="text/css">
<!--
.Style1 {color: #FFFF00}

-->
</style>
</head>

        

        
        

        

        
Test

        

        

    
        

        
        

    
    
    

    
POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA POURQUOI CA BUG RHAAA

        

    

        
        
        
            
    

    

        

        
    

</head>
</html>


CSS :

div {
    text-align:center;
    }

   
    div#menu_1 {
    float:left;
    width:506px;
    height:37px;
    }
   

   
   
div#menu_coin1 {

float:left;
    width:26px;
    height:37px;
    background-image: url(images/coin1.jpg);
  background-repeat: no-repeat;
    }
   
div#menu_haut_centre1 {
float:left;
    width:100px;
    height:7px;
    background-image: url(images/haut_centre1.jpg);
  background-repeat: repeat-x;
 
    }

div#menu_centre1 {
float:left;
    width:100px;
    height:18px;
    background-image: url(images/centre_noire.jpg);
  background-repeat: repeat-x;
    }
   
    div#menu_bas_centre1 {
float:left;
    width:100px;
    height:12px;
    background-image: url(images/bas_centre1.jpg);
  background-repeat: repeat-x;
    }
        div#menu_test {
float:left;
    width:100px;
    height:37px;

    }
   
div#menu_centre2 {
float:left;
    width:15px;
    height:37px;
    background-image: url(images/centre2.jpg);
  background-repeat: no-repeat;
    }

div#menu_centre3 {
float:left;
    width:100px;
    height:37px;
    background-image: url(images/centre3.jpg);
  background-repeat: repeat-x;
    }
   
    div#menu_centre4 {
float:left;
    width:37px;
    height:37px;
    background-image: url(images/centre4.jpg);
  background-repeat: no-repeat;
    }
        div#menu_centre5 {
float:left;
    width:200px;
    height:37px;
    background-image: url(images/centre1.jpg);
  background-repeat: repeat-x;
    }
   
    div#menu_coin2 {
float:left;
    width:28px;
    height:37px;
    background-image: url(images/coin2.jpg);
  background-repeat: no-repeat;
    }
   
   
            div#menu_gauche {
float:left;
    width:12px;
    height:100px;
    background-image: url(images/gauche.jpg);
  background-repeat: repeat-y;
    }   
   
        div#menu_news {
        float:left;
    width:480px;
    height:auto;
    background-color:#000000;
    }
   
    div#menu_droite {
float:left;
    width:14px;
    height:100px;
    background-image: url(images/droite.jpg);
  background-repeat: repeat-y;
    }

        div#news {
    width:506px;
    height:auto;
    }

    div#menu_coin3 {
float:left;
    width:16px;
    height:14px;
    background-image: url(images/coin3.jpg);
  background-repeat: no-repeat;
    }
   
   
    div#menu_bas {
float:left;
    width:471px;
    height:14px;
    background-image: url(images/bas.jpg);
  background-repeat: repeat-x;
    }   
   
   
        div#menu_coin4 {
float:left;
    width:19px;
    height:14px;
    background-image: url(images/coin4.jpg);
  background-repeat: no-repeat;
    }

   
   
   
Messages postés
386
Date d'inscription
samedi 4 octobre 2008
Statut
Membre
Dernière intervention
19 février 2018
2
Bonjour,

Pour ton menu et ke la taille ce redimentionne bien c assez simple... tu fixe la taille width de tes 2 menus et la taille du centre c'est width="*" parce que l'etoile dit kil prend le reste.

Bonne continuation,
[Gally Home Corp]
Messages postés
28
Date d'inscription
vendredi 22 juillet 2005
Statut
Membre
Dernière intervention
12 août 2008

Merci pour ta reponse je testerai ce soir lorsque je serais rentré du boulot.

Donc si je met un width ="*"

coté gauche | Centre | coté droite
width fixe    | width* | width fixe

donc si je fais ca, le coté gauche + centre + coté droite fera tjrs la mm hauteur é lé images(coté gauche et droite) se repeterons automatiquement suivant y comme j'ai programmé (repeat-y)?

Parce que en faite lorsque je metais du texte au centre lé coté gauche et droit rester fixe meme si jmetais height=auto; pour les cotés en faite ca fais ce qui est sur ce site:


site : http://l4pfr.free.fr/bug/index2.php pour le design des cotés

Je te remercie pour tes reponses.
A bientot
Messages postés
28
Date d'inscription
vendredi 22 juillet 2005
Statut
Membre
Dernière intervention
12 août 2008

L'autre bug ou je trouve pas non plus de solution c'est au niveau du bug entre IE et Firefox
Sur Firefox ca marche nikel mais sur IE y a un bug au niveau de l'affichage.

Merci d'avance pour votre aide.