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 ...
