Height IE CSS
tanis
-
tanis -
tanis -
Bonjour,
J'ai un problème au niveau du paramètre height en CSS.
Sous FF aucun souci bien entendu.
Sous IE sa devient le gros boxon ^^.
IE m'interprète de temps en temps le paramètre height.
Pour être plus précis, j'ai dans mon code 2 div, dans le css ils ont les mêmes attributs mais je n'arrive pas à faire varier le height d'un des 2.
Je vous donne le code complet de ma page php, ainsi que de la feuille de style CSS:
Et voici le code PHP :
Le probleme concerne les Div filtre et tableContainer, j'arrive a faire varier la hauteur de tableContainer, mais rien ne se passe lorsque j'assaye de modifier celle de filtre (via le parametre heigth).
Si quelqu'un à une idée d'ou peu bien venir le problème ...
Merci d'avance.
J'ai un problème au niveau du paramètre height en CSS.
Sous FF aucun souci bien entendu.
Sous IE sa devient le gros boxon ^^.
IE m'interprète de temps en temps le paramètre height.
Pour être plus précis, j'ai dans mon code 2 div, dans le css ils ont les mêmes attributs mais je n'arrive pas à faire varier le height d'un des 2.
Je vous donne le code complet de ma page php, ainsi que de la feuille de style CSS:
h1 { font-family: "Helvetica", Helvetica, serif; font-size: 22px; color: #4B0082; } h2 { font-family: "Helvetica", Helvetica, serif; font-size: 20px; color: #4B0082; } h3 { font-family: "Helvetica", Helvetica, serif; font-size: 14px; color: #4B0082; } h4 { font-family: "Helvetica", Helvetica, serif; font-size: 16px; color: #A52A2A; } body{ margin: auto; color : #081038; font-family : Arial, Helvetica, sans-serif; } body.page { color : #081038; font-family : Arial, Helvetica, sans-serif; background-color: #B0C4DE; margin: auto; /* Pour centrer notre page */ margin-top: 2%; margin-bottom: 2%; } body.accueil { color : #081038; font-family : Arial, Helvetica, sans-serif; background-color: #B0C4DE ; margin: auto; /* Pour centrer notre page */ margin-top: 5%; } div#menu { width: 93%; background-color: #FFFFFF; border: 1px solid #003366; margin-bottom: 3px; margin-left: 1%; padding: 2%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div#corps { margin-left: 1%; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-right: 1%; margin-bottom: 3px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */ overflow: hidden; width: 93%; height:95%; min-height: 650px; padding: 2%; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ background-color: #FFFFFF; /* Une couleur de fond pour le corps */ border: 1px solid #003366; /* Une bordure pour bien marquer les limites du corps et pour faire joli */ max-height : 85%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-family: "Courier New", Courier, mono; overflow:auto; } div#filtre { margin-left: 1%; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-right: 1%; margin-bottom: 3px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */ width: 93%; height : 500px; padding: 2%; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ background-color: #FFFFFF; /* Une couleur de fond pour le corps */ border: 1px solid #003366; /* Une bordure pour bien marquer les limites du corps et pour faire joli */ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; } div#tableContainer { margin-left: 1%; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */ margin-right: 1%; margin-bottom: 3px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */ width: 93%; height : 700px; padding: 2%; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ background-color: #FFFFFF; /* Une couleur de fond pour le corps */ border: 1px solid #003366; /* Une bordure pour bien marquer les limites du corps et pour faire joli */ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; } a { color: #00008B; text-decoration:none; } a:hover { color:#6495ED; text-decoration:underline; } a.info { color: black; text-decoration:none; } a.info:hover { color: black; text-decoration:underline; } input.text{ border-color:#003366; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} input.password{ background-color: white; border-color:#003366; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} input.submit{ color: #E6E6FA; font-family: arial, verdana, ms sans serif; font-weight: bold; font-size: 12pt; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(2,168,228)),color-stop(0.06, rgb(0,172,229)),color-stop(0.07, rgb(71,189,240)), color-stop(0.3, rgb(20,123,182)),color-stop(0.53, rgb(0,80,129)),color-stop(0.96, rgb(114,149,181)),color-stop(0.97, rgb(2,54,97))); background-image:-moz-linear-gradient(center bottom,rgb(2,168,228) 0%,rgb(0,172,229) 6%,rgb(71,189,240) 7%,rgb(20,123,182) 30%,rgb(0,80,129) 53%,rgb(114,149,181) 96%,rgb(2,54,97) 97%); background-color:#1c608c; border-color: #000066; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } fieldset{ border:1px solid #003366;; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } textaera{ border:1px solid #003366;; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } /* set table header to a fixed position. WinIE 6.x only */ /* In WinIE 6.x, any element with a position property set to relative and is a child of */ /* an element that has an overflow property set, the relative value translates into fixed. */ /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */ thead.fixedHeader tr { position: relative } /* set THEAD element to have block level attributes. All other non-IE browsers */ /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */ html>body thead.fixedHeader tr { display: block } /* make the TH elements pretty */ thead.fixedHeader th { background: #C96; border-left: 1px solid #EB8; border-right: 1px solid #B74; border-top: 1px solid #EB8; font-weight: normal; padding: 4px 3px; text-align: left } /* make the A elements pretty. makes for nice clickable headers */ thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited { color: #FFF; display: block; text-decoration: none; width: 100% } /* make the A elements pretty. makes for nice clickable headers */ /* WARNING: swapping the background on hover may cause problems in WinIE 6.x */ thead.fixedHeader a:hover { color: #FFF; display: block; text-decoration: underline; width: 100% } /* define the table content to be scrollable */ /* set TBODY element to have block level attributes. All other non-IE browsers */ /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */ /* induced side effect is that child TDs no longer accept width: auto */ html>body tbody.scrollContent { display: block; height: 650px; overflow: auto; } html>body tbody.scrollContent_cascade { display: block; height: 140px; overflow: auto; width: 100% } /* make TD elements pretty. Provide alternating classes for striping the table */ /* http://www.alistapart.com/articles/zebratables/ */ tbody.scrollContent td, tbody.scrollContent tr.normalRow td { background: #FFF; border-bottom: none; border-left: none; border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px 3px 3px 4px } tbody.scrollContent tr.alternateRow td { background: #EEE; border-bottom: none; border-left: none; border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px 3px 3px 4px } tbody.scrollContent_cascade td, tbody.scrollContent_cascade tr.normalRow td { background: #FFF; border-bottom: none; border-left: none; border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px 3px 3px 4px } tbody.scrollContent_cascade tr.alternateRow td { background: #EEE; border-bottom: none; border-left: none; border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px 3px 3px 4px }
Et voici le code PHP :
<!DOCTYPE html> <?php session_start(); set_time_limit(0); // permet de ne plus limiter le timeout du navigateur // error_reporting(0); // ATTENTION !!!!!! suprimme l'affichage des message d'erreur // pour supprimer les NOTICE // $nom_table=$_GET["nom_table"] ; if (isset($_GET["nbr_ligne_afficher"])) { $nbr_ligne = $_GET['nbr_ligne_afficher']; } else {$nbr_ligne = 50 ;} ; if (isset($_GET["txt_target_table_code"]) and $_GET["txt_target_table_code"] !='') {$txt_target_table_code = $_GET['txt_target_table_code']; $where_txt_target_table_code="and txt_target_table_code like '%".$txt_target_table_code."%'" ; } else {$where_txt_target_table_code ='' ; $txt_target_table_code='';} ; if (isset($_GET["txt_target_base_code"]) and $_GET["txt_target_base_code"] !='') {$txt_target_base_code = $_GET['txt_target_base_code']; $where_txt_target_base_code="and txt_target_base_code like '%".$txt_target_base_code."%'" ; } else {$where_txt_target_base_code ='' ; $txt_target_base_code='';} ; if (isset($_GET["txt_refresh_frequency"]) and $_GET["txt_refresh_frequency"] !='') {$txt_refresh_frequency = $_GET['txt_refresh_frequency']; $where_txt_refresh_frequency="and txt_refresh_frequency like '%".$txt_refresh_frequency."%'" ; } else {$where_txt_refresh_frequency ='' ; $txt_refresh_frequency='';} ; if (isset($_GET["txt_sourc_detail"]) and $_GET["txt_sourc_detail"] !='') {$txt_sourc_detail = $_GET['txt_sourc_detail']; $where_txt_sourc_detail="and txt_sourc_detail like '%".$txt_sourc_detail."%'" ; } else {$where_txt_sourc_detail ='' ; $txt_sourc_detail='';} ; if (isset($_GET["txt_target_table_name"]) and $_GET["txt_target_table_name"] !='') {$txt_target_table_name = $_GET['txt_target_table_name']; $where_txt_target_table_name="and txt_target_table_name like '%".$txt_target_table_name."%'" ; } else {$where_txt_target_table_name ='' ; $txt_target_table_name='';} ; if (isset($_GET["txt_domain"]) and $_GET["txt_domain"] !='') {$txt_domain = $_GET['txt_domain']; $where_txt_domain="and txt_domain like '%".$txt_domain."%'" ; } else {$where_txt_domain ='' ; $txt_domain='';} ; if (isset($_GET["txt_status"]) and $_GET["txt_status"] !='') {$txt_status = $_GET['txt_status']; $where_txt_status="and txt_status like '%".$txt_status."%'" ; } else {$where_txt_status ='' ; $txt_status='';} ; // l'ensemble des if ci dessus permettent de recuperer la valeur de differentes variables (si elles existe "url") et d'activer les filtres (affichage du dictionnaire) include("connexion_DLBUILD.php"); $resource_nbr_ligne_target_tab= odbc_exec($connexion_DLBUILD,"select count (*) from tb_dico_dwh_target_tab" ); odbc_fetch_into ($resource_nbr_ligne_target_tab, $result_array_1 ); $nbr_ligne_total=$result_array_1{0}; // nombre de ligne dans la table tb_dico_dwh_target_tab if ( (isset($_GET["txt_target_table_code"]) and $_GET["txt_target_table_code"] !='') or ( isset($_GET["txt_target_base_code"]) and $_GET["txt_target_base_code"] !='' ) or (isset($_GET["txt_refresh_frequency"]) and $_GET["txt_refresh_frequency"] !='') or (isset($_GET["txt_sourc_detail"]) and $_GET["txt_sourc_detail"] !='') or (isset($_GET["txt_target_table_name"]) and $_GET["txt_target_table_name"] !='') or (isset($_GET["txt_domain"]) and $_GET["txt_domain"] !='') or (isset($_GET["txt_status"]) and $_GET["txt_status"] !='') ) // verification de la présence de filtre { $resource_nbr_ligne_requete=odbc_exec($connexion_DLBUILD,"select count (*) from tb_dico_dwh_target_tab where 1=1 ".$where_txt_target_table_code." ".$where_txt_target_base_code." ".$where_txt_refresh_frequency." ".$where_txt_sourc_detail." ".$where_txt_target_table_name." ".$where_txt_domain." ".$where_txt_status." order by txt_target_table_code "); odbc_fetch_into ($resource_nbr_ligne_requete, $result_array_nbr_ligne_requete ); $nbr_ligne=$result_array_nbr_ligne_requete{0}; }; // Si présence d'un filtre, affecter à la valeur nbr_ligne le nombre de resultat de la requete sql. ?> <html> <head> <title>Dictionnaire de données Target Tab </title> <link rel="STYLESHEET" href="style.css" type="text/css"/> <!--[if IE]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]--> <!-- Permet d'appeler la feuille de style spéciale IE --> <script type="text/javascript"> function redirection(value_red) { var reg=new RegExp("[;]"); // definir le separateur var tableau=value_red.split(reg); // 'deconcatenation' en utilisant le seprateur definit avant var nom_table = tableau[0]; var owner = tableau[1]; window.location="vue_cascade.php?nom_table="+ nom_table +"&owner="+ owner; } function filtre_redirection() { window.location="dico_dwh_target_tab.php"; } </script> </head> <body class="page"> <div id="menu"> <div id="menu_co"> <table> <tr> <td> <h1> Menu </h1> </td> <td> <form action="deconnexion.php"> <input class="submit" type="submit" name="Deconnexion" id="Deconnexion" value="Deconnexion"/> </form> </td> </tr> <tr> <td> Vous êtes connecté en tant que <!-- <?php echo $_SESSION['login']; ?> -->. </td> </tr> </table> </div> <div id="menu_lien" style="float: right;"> <table> <td> <div style="color:#A52A2A"> Dictionnaire Target_Tab </div> </td> <td> - </td> <td> <a href="dico_dwh_target_col.php">Dictionnaire Target_Col</a> </td> <td> - </td> <td> <a href="dico_dwh_source_tab.php">Dictionnaire Source_Tab</a> </td> <td> - </td> <td> <a href="dico_dwh_mapping.php">Dictionnaire Mapping</a> </td> </table> </div> </div> <div id="filtre" name="filtre"> <form method="get" > <table> <tr> <td> <div style="float: right;"> txt_target_table_code: </div></td> <td> <input class="text" type="text" name="txt_target_table_code" id="txt_target_table_code" value='<?php echo ($txt_target_table_code); ?>' /> </td> <td><div style="float: right;"> txt_target_base_code: </div></td> <td> <input class="text" type="text" name="txt_target_base_code" id="txt_target_base_code" value='<?php echo ($txt_target_base_code); ?>' /> </td> </tr> <tr> <td> <div style="float: right;"> txt_target_table_name: </div> </td> <td> <input class="text" type="text" name="txt_target_table_name" id="txt_target_table_name" value='<?php echo ($txt_target_table_name); ?>' /> </td> <td><div style="float: right;"> txt_domain: </div></td> <td> <input class="text" type="text" name="txt_domain" id="txt_domain" value='<?php echo ($txt_domain); ?>' /> </td> </tr> <tr> <td><div style="float: right;"> txt_refresh_frequency: </div></td> <td> <input class="text" type="text" name="txt_refresh_frequency" id="txt_refresh_frequency" value='<?php echo ($txt_refresh_frequency); ?>' /> </td> <td><div style="float: right;"> txt_status: </div></td> <td> <input class="text" type="text" name="txt_status" id="txt_status" value='<?php echo ($txt_status); ?>' /> </td> </tr> <tr> <td><div style="float: right;"> txt_sourc_detail: </div></td> <td> <input class="text" type="text" name="txt_sourc_detail" id="txt_sourc_detail" value='<?php echo ($txt_sourc_detail); ?>' /> </td> </tr> <tr> </tr> <tr> </tr> <tr> <td><div style="float: right;"> Nombre de ligne total: </div></td> <td> <?php echo ($nbr_ligne_total); ?> </td> <?php if ( (isset($_GET["txt_target_table_code"]) and $_GET["txt_target_table_code"] !='') or ( isset($_GET["txt_target_base_code"]) and $_GET["txt_target_base_code"] !='' ) or (isset($_GET["txt_refresh_frequency"]) and $_GET["txt_refresh_frequency"] !='') or (isset($_GET["txt_sourc_detail"]) and $_GET["txt_sourc_detail"] !='') or (isset($_GET["txt_target_table_name"]) and $_GET["txt_target_table_name"] !='') or (isset($_GET["txt_domain"]) and $_GET["txt_domain"] !='') or (isset($_GET["txt_status"]) and $_GET["txt_status"] !='') ) // verification de la présence de filtre {$bidon='1';} else { echo (' <td><div style="float: right;"> Nombre de ligne à afficher: </div></td> <td> <input class="text" type="text" name="nbr_ligne_afficher" id="nbr_ligne_afficher" value="'.$nbr_ligne.'"; " onblur="if(this.value == '."'"."'".') this.value = '."'".$nbr_ligne."'".';" ?> </td> '); } ?> </tr> <tr> <td><div style="float: right;"> Nombre de resultat: </div></td> <td> <?php echo ($nbr_ligne); ?> </td> <td></td> <td></td> <td> <input class="submit" type="submit" name="tableau_ok" id="tableau_ok" value="Envoyer" onclick="filtre_redirection()" /> </td> </tr> </table> </form> </div> <div id="tableContainer" class="tableContainer"> <?php $resource_dico_target_tab=odbc_exec($connexion_DLBUILD,"select * from tb_dico_dwh_target_tab where rownum <= ".$nbr_ligne." ".$where_txt_target_table_code." ".$where_txt_target_base_code." ".$where_txt_refresh_frequency." ".$where_txt_sourc_detail." ".$where_txt_target_table_name." ".$where_txt_domain." ".$where_txt_status." order by txt_target_table_code "); echo ('<TABLE BORDER="1" class="scrollTable" style="table-layout:fixed">'); echo ('<thead class="fixedHeader" >'); echo ('<TH>'); echo ('<div style="width:300px;font-size: 13px;">'); echo('txt_target_table_code') ; echo('</div>'); echo('</TH>'); echo ('<TH>'); echo ('<div style="width:200px;font-size: 13px;">'); echo('txt_target_base_code') ; echo('</div>'); echo('</TH>'); echo ('<TH>'); echo ('<div style="width:400px;font-size: 13px;">'); echo('txt_target_table_name') ; echo('</div>'); echo('</TH>'); echo ('<TH>'); echo ('<div style="width:400px;font-size: 13px;">'); echo('txt_target_table_definition') ; echo('</div>'); echo('</TH>'); echo ('<TH>'); echo ('<div style="width:300px;font-size: 13px;">'); echo('txt_domain') ; echo('</div>'); echo('</TH>'); echo ('<TH>'); echo ('<div style="width:300px;font-size: 13px;">'); echo('txt_refresh_frequency') ; echo('</div>'); echo('</TH>'); echo ('<TH>'); echo ('<div style="width:300px;font-size: 13px;">'); echo('txt_historic_depth') ; echo('</div>'); echo('</TH>'); echo ('<TH>'); echo ('<div style="width:100px;font-size: 13px;">'); echo('txt_status') ; echo('</div>'); echo('</TH>'); echo ('<TH>'); echo ('<div style="width:1000px;font-size: 13px;">'); echo('txt_comments') ; echo('</div>'); echo('</TH>'); echo ('<TH>'); echo ('<div style="width:800px;font-size: 13px;">'); echo('txt_sourc_detail') ; echo('</div>'); echo('</TH>'); echo ('</thead>'); echo ('<tbody class="scrollContent">'); if (!$connexion_DLBUILD) { // verification de la connexion a la Bdd ?> <script type="text/javascript"> //window.location.replace("index.php"); alert('Erreur de connexion à la Base de données.'); </script> <?php ;} else { for ($i=1;$i<$nbr_ligne+1;$i++) { odbc_fetch_into ($resource_dico_target_tab, $result_array_2, $i ); $txt_dico_target_table_code = $result_array_2{0} ; $txt_dico_target_base_code = $result_array_2{1} ; $txt_dico_target_table_name = $result_array_2{2} ; $txt_dico_target_table_definition = $result_array_2{3} ; $txt_domain = $result_array_2{4} ; $txt_refresh_frequency = $result_array_2{5} ; $txt_historic_depth = $result_array_2{6} ; $txt_status = $result_array_2{7} ; $txt_comments = $result_array_2{8} ; $txt_sourc_detail = $result_array_2{9} ; echo ('<TR>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:300px;font-size: 13px;">'); echo('<a href="#" onclick="redirection('."'".$txt_dico_target_table_code.";COEADWH"."'".')" > '.$txt_dico_target_table_code.'</a>' ) ; echo('</div>'); echo('</TD>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:200px;font-size: 13px;">'); echo($txt_dico_target_base_code) ; echo('</div>'); echo('</TD>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:400px;font-size: 13px;">'); echo($txt_dico_target_table_name) ; echo('</div>'); echo('</TD>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:400px;font-size: 13px;">'); echo($txt_dico_target_table_definition) ; echo('</div>'); echo('</TD>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:300px;font-size: 13px;">'); echo($txt_domain) ; echo('</div>'); echo('</TD>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:300px;font-size: 13px;">'); echo($txt_refresh_frequency) ; echo('</div>'); echo('</TD>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:300px;font-size: 13px;">'); echo($txt_historic_depth) ; echo('</div>'); echo('</TD>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:100px;font-size: 13px;">'); echo($txt_status) ; echo('</div>'); echo('</TD>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:1000px;font-size: 13px;">'); echo($txt_comments) ; echo('</div>'); echo('</TD>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:800px;font-size: 13px;">'); echo($txt_sourc_detail) ; echo('</div>'); echo('</TD>'); echo ('</TR>'); }; }; echo ('</tbody>'); echo ('</TABLE>'); ?> </div> </body> </html>
Le probleme concerne les Div filtre et tableContainer, j'arrive a faire varier la hauteur de tableContainer, mais rien ne se passe lorsque j'assaye de modifier celle de filtre (via le parametre heigth).
Si quelqu'un à une idée d'ou peu bien venir le problème ...
Merci d'avance.
A voir également:
- Height IE CSS
- Ie tab - Télécharger - Outils pour navigateurs
- Ie 11 - Télécharger - Navigateurs
- Ie 9 - Télécharger - Navigateurs
- Ie 8 - Télécharger - Navigateurs
- Bill ie cork - Forum Vos droits sur internet
1 réponse
Hay !
La mise en page est foireuse.
voila les extrais qui concerne le problème que je vous ai soumis.
CSS :
et le PHP épuré ! :
La mise en page est foireuse.
voila les extrais qui concerne le problème que je vous ai soumis.
CSS :
div#filtre { margin-left: 1%; margin-right: 1%; margin-bottom: 3px; width: 93%; height : 500px; padding: 2%; background-color: #FFFFFF; border: 1px solid #003366; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; } div#tableContainer { margin-left: 1%; margin-right: 1%; margin-bottom: 3px; width: 93%; height : 700px; padding: 2%; background-color: #FFFFFF; border: 1px solid #003366; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; }
et le PHP épuré ! :
<div id="filtre" name="filtre"> <form method="get" > <table> <tr> <td> <div style="float: right;"> txt_target_table_code: </div></td> <td> <input class="text" type="text" name="txt_target_table_code" id="txt_target_table_code" value='<?php echo ($txt_target_table_code); ?>' /> </td> <td><div style="float: right;"> txt_target_base_code: </div></td> <td> <input class="text" type="text" name="txt_target_base_code" id="txt_target_base_code" value='<?php echo ($txt_target_base_code); ?>' /> </td> </tr> <tr> <td> <div style="float: right;"> txt_target_table_name: </div> </td> <td> <input class="text" type="text" name="txt_target_table_name" id="txt_target_table_name" value='<?php echo ($txt_target_table_name); ?>' /> </td> <td><div style="float: right;"> txt_domain: </div></td> <td> <input class="text" type="text" name="txt_domain" id="txt_domain" value='<?php echo ($txt_domain); ?>' /> </td> </tr> </table> </form> </div> <div id="tableContainer" class="tableContainer"> <?php $resource_dico_target_tab=odbc_exec($connexion_DLBUILD,"select * from tb_dico_dwh_target_tab where rownum <= ".$nbr_ligne." ".$where_txt_target_table_code." ".$where_txt_target_base_code." ".$where_txt_refresh_frequency." ".$where_txt_sourc_detail." ".$where_txt_target_table_name." ".$where_txt_domain." ".$where_txt_status." order by txt_target_table_code "); echo ('<TABLE BORDER="1" class="scrollTable" style="table-layout:fixed">'); echo ('<thead class="fixedHeader" >'); echo ('<TH>'); echo ('<div style="width:300px;font-size: 13px;">'); echo('txt_target_table_code') ; echo('</div>'); echo('</TH>'); echo ('<TH>'); echo ('<div style="width:200px;font-size: 13px;">'); echo('txt_target_base_code') ; echo('</div>'); echo('</TH>'); echo ('</thead>'); echo ('<tbody class="scrollContent">'); odbc_fetch_into ($resource_dico_target_tab, $result_array_2, $i ); $txt_dico_target_table_code = $result_array_2{0} ; $txt_dico_target_base_code = $result_array_2{1} ; $txt_dico_target_table_name = $result_array_2{2} ; $txt_dico_target_table_definition = $result_array_2{3} ; $txt_domain = $result_array_2{4} ; $txt_refresh_frequency = $result_array_2{5} ; $txt_historic_depth = $result_array_2{6} ; $txt_status = $result_array_2{7} ; $txt_comments = $result_array_2{8} ; $txt_sourc_detail = $result_array_2{9} ; echo ('<TR>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:300px;font-size: 13px;">'); echo('<a href="#" onclick="redirection('."'".$txt_dico_target_table_code.";COEADWH"."'".')" > '.$txt_dico_target_table_code.'</a>' ) ; echo('</div>'); echo('</TD>'); if ($i%2==1) { echo ('<TD style="background-color:#e7e7e7;">'); } else {echo ('<TD>'); }; echo ('<div style="width:200px;font-size: 13px;">'); echo($txt_dico_target_base_code) ; echo('</div>'); echo('</TD>'); echo ('</TR>'); }; echo ('</tbody>'); echo ('</TABLE>'); ?> </div>