Bug IE - Firefox ca marche // image en div

cs_spawnrad Messages postés 28 Date d'inscription vendredi 22 juillet 2005 Statut Membre Dernière intervention 12 août 2008 - 6 nov. 2006 à 20:42
cs_spawnrad Messages postés 28 Date d'inscription vendredi 22 juillet 2005 Statut Membre Dernière intervention 12 août 2008 - 7 nov. 2006 à 12:33
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

cs_spawnrad Messages postés 28 Date d'inscription vendredi 22 juillet 2005 Statut Membre Dernière intervention 12 août 2008
6 nov. 2006 à 20:44
<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;
    }

   
   
   
gallyhc Messages postés 386 Date d'inscription samedi 4 octobre 2008 Statut Membre Dernière intervention 19 février 2018 2
6 nov. 2006 à 22:38
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]
cs_spawnrad Messages postés 28 Date d'inscription vendredi 22 juillet 2005 Statut Membre Dernière intervention 12 août 2008
7 nov. 2006 à 12:31
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
cs_spawnrad Messages postés 28 Date d'inscription vendredi 22 juillet 2005 Statut Membre Dernière intervention 12 août 2008
7 nov. 2006 à 12:33
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.
Rejoignez-nous