IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Tableaux fixes IE/Firefox S.o.S


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    41
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 41
    Par défaut Tableaux fixes IE/Firefox S.o.S
    Bonjour à tous !

    Est-il impossible d'avaoir un tableaux de tailles fixe qui soit identique sous IE et Firefox ??

    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
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    	<SCRIPT language="JavaScript">
    	function change(img_name,img_src) {
    	document[img_name].src=img_src;	}
     
    	 function OuvrirPopup(page,nom,option) {
           window.open(page,nom,option);
        }  var intCount = 0;
     
                 function DynamicMenu_addParent(strName) {
                    var strID = 'ID' + intCount++; 
     
                    var strTemp = '<DIV ID="' + strID + '" CLASS="parent"';
                    strTemp += ' onClick="expandCollapse(this);">';
                    strTemp += '<IMG SRC="GREEN.GIF" Height="15">';
                    strTemp += '&nbsp;' + strName ;
                    strTemp += '<DIV STYLE="display: none" CLASS="child"></DIV>';
                    strTemp += '</DIV>';
     
                    this.div.innerHTML += strTemp;
                    this.currentChild = document.getElementById(strID);
                }
     
                 function DynamicMenu_addChild(strName,strURL,strCom) {
                    var strTemp = '<b>'+strName+ ' : </b><font color="Gray">'+strCom+'</font><A HREF="' + strURL + '"' + 'onClick="cancelBubble(arguments[0]);">... </A><br>';
     
                    if (document.all) {
                        this.currentChild.children[1].innerHTML += strTemp;
                    } else {
                        this.currentChild.childNodes[2].innerHTML += strTemp;
                    }
                }
     
                 function cancelBubble(netEvent) {
                    if (document.all) {
                        window.event.cancelBubble = true;
                    } else {
                        netEvent.cancelBubble = true;
                    }
                }
     
                function expandCollapse(objElement) {
                    if (document.all) {
                        var imgIcon = objElement.children[0];
                        objElement = objElement.children[1];
                    } else {
                        var imgIcon = objElement.childNodes[0];
                        objElement = objElement.childNodes[2];
                    }    
     
                    if (objElement.style.display == "none") {  
                        objElement.style.display = "block" ;
                        imgIcon.src = "RED.GIF" ;
                    } else {
                        objElement.style.display = "none" ;
                        imgIcon.src = "GREEN.GIF" ;
                    }
                }
     
                //-Fonction de création de menu dynamique
                function DynamicMenu() {
                    var id = "Menu" + intCount++;
                    document.write('<DIV Id="' + id + '"></DIV>');
     
                    this.div = document.getElementById(id);
                    this.currentChild = null;
     
                    this.addParent = DynamicMenu_addParent;
                    this.addChild = DynamicMenu_addChild;
                }
    	</SCRIPT><html><head>
    		<title> titre</title>
    		 <STYLE>
                .parent {
                    font-family: verdana;
                    font-weight: bold;
                    font-size: 11pt;
                    margin-top: 10pt;
                    margin-left: 10pt;
                    color:#193E99;
                    cursor: pointer;
                }
     
                .child  {
     
                    font-size: 10pt;
                    font-weight: normal;
                    margin-left: 20pt;
                    color:Black;
                   cursor: text;
                   cursor: text;
                }
     
     
             </STYLE>
    	<SCRIPT language="JavaScript">
     
    	function change(img_name,img_src) {
    	document[img_name].src=img_src;	}
     
    	 var w;
    	 function OuvrirPopup(page,nom,option) {
    		 w=window.open(page,nom,option);
    		 w.focus();
        }
     
    	</SCRIPT>
    	</head>
     
    	<body link="Black" alink="Black" vlink="Black">
    	<a href="ListeTh.php">Acceuil</a>
    	<a href="Select.php?theme=Biotechnologie&width=1152">Miniatures</a>
    	<a href="javascript:OuvrirPopup('diapo.php?diapo=2&auto=1','Diapopup','resizable=no,location=no,width=806.4,height=583.8,menubar=no,status=no,scrollbars=no')">Diaporama Popup</a><div align="left">
    	<table border="0" width=918>
     	<tr><td align="center" colspan="3" height="10"><b>Joie machiavélique</b></td>
     	<td rowspan="4" valign="top">
     	<table width=342.144>
     		<tr><td>
     			<SCRIPT Language="Javascript">
     			 var menu = new DynamicMenu();
                menu.addParent("Origine");
                    menu.addChild("Auteur","","Monsieur et d'autres caractères a v n t le retour chariot");
                    menu.addChild("Titre","","Madame");
                    menu.addChild("Date","","olélé");
                    menu.addChild("Lieu","","olala");
                    menu.addChild("Trucs","","poum poum");
     
                menu.addParent("Reproduction");
                    menu.addChild("Un","","Monsieur et d'autres caractères a v n t le retour chariot");
                    menu.addChild("Deux","","Monsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariot");
                    menu.addChild("Trois","","Monsieur");
     
                menu.addParent("Mouarf");
                    menu.addChild("Tic", "","Monsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariot");
                    menu.addChild("Tac", "","Monsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariotMonsieur et d'autres caractères a v n t le retour chariot");
             	</SCRIPT>
             </td></tr>	
             </table>
           </td></tr><tr><td colspan=3 valign="top" align="center" WIDTH="576" HEIGHT="417"><a href="diapo.php?diapo=2"><img src="Tofs/Biotechnologie/ColiTrack-02.jpg" WIDTH="278" HEIGHT="417" border="4" title="Taille réelle -> Clickez !"></img></a></td></tr>
    	<tr><td align="center" height="10"><a href="/site/Phototheque/v.Class/Select.php?diapo=1" onmouseover="change('Debut','ico/deb.gif')" onmouseout="change('Debut','ico/debV.gif')"><img name="Debut" src="ico/debV.gif" border="0"></img></a>
    	<a href="/site/Phototheque/v.Class/Select.php?diapo=1" onmouseover="change('Prec','ico/prec.gif')" onmouseout="change('Prec','ico/precV.gif')"><img name="Prec" src="ico/precV.gif" border="0"></img></a></td>
    	<td valign="top" align="center"><b>2/30</b></td>
     
    	<td align="center"><a href="/site/Phototheque/v.Class/Select.php?diapo=3" onmouseover="change('Suivant','ico/suiv.gif')" onmouseout="change('Suivant','ico/suivV.gif')"><img name="Suivant" src="ico/suivV.gif" border="0"></img></a>
    	<a href="/site/Phototheque/v.Class/Select.php?diapo=30" onmouseover="change('Fin','ico/fin.gif')" onmouseout="change('Fin','ico/finV.gif')"><img name="Fin" src="ico/finV.gif" border="0"></img></a>
    	</td></tr><tr><td align="center" valign="top" colspan=3>Commentaires</td></tr>
    	</table>
    	</div>
    	</body>
    	</html>

  2. #2
    Membre expérimenté
    Avatar de titoumimi
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    3 707
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 3 707
    Par défaut
    <table width=342.144>
    ???

    en général, on passe une taille en pixels, ou en pourcentage ...

    <table width="700px">
    ou
    <table width="90%">
    Globalement inoffensif
    Merci de respecter les règles du forum.
    Aucune question technique par MP !
    _______________________________________________________________________
    Cours Ruby et Ruby on Rails (RoR) - Cours PHP - FAQ Ruby / Rails - Livres Ruby / Rails
    Ajax facile avec Ruby on Rails, Prototype, script.aculo.us et les RJS
    Tutoriaux HTML/CSS et PHP

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    41
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 41
    Par défaut
    lol merci mais
    1) c'est pareil, si tu met pas % il linterprete en px

    2) ca résout pas mon probleme

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    41
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 41
    Par défaut
    La solution s'appelle float (Css)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Mise en page tableaux décalée entre Firefox et IE
    Par weis3r dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 25/07/2011, 19h50
  2. Affichage première colonne fixe sur Firefox et IE
    Par Cornholio dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/04/2009, 20h59
  3. Position Fixed, probleme firefox
    Par zevince dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 20/05/2008, 11h02
  4. [CS3] Tableaux fixe dans page web
    Par ALIAS200 dans le forum Dreamweaver
    Réponses: 3
    Dernier message: 07/01/2008, 18h06
  5. colone du tableau avec largeur fixe et firefox
    Par clara2005 dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 26/09/2006, 12h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo