Forum Développeur - Administration serveur, programmation et base de données > récupérer hauteur tableau dynamique dans div

mat10000

May 10 2005, 04:13 PM

Hello,

ça me paraît pourtant pas bien compliqué mais je n'y arrive pas !!!! et c'est pas faute d'avoir essayé.

Bref j'ai un calque de hauteur variable inclu dans un calque de hauteur fixe.
A l'intérieur de mon calque de hauteur variable j'ai un tableau et j'aimerais récupérer sa hauteur.

j'ai essayé document.getElementById("nomducalque").style.height
mais je n'arrive à rien !!

merci pour votre aide

mat10000

May 10 2005, 05:13 PM

huum c'est pas très clair tout ça.
je vais ajouter du code

ElMoustiko

May 10 2005, 05:41 PM

Si tu n'as pas définit de hauteur dans les styles CSS pour ton tableau, style.height n'existera pas.

Tu n'a qu'à tester avec un alert() :)

Je sais pas trop si c'est possible, y a des chances que oui, essai de voir autrement qu'au niveau des styles donc.

mat10000

May 10 2005, 06:21 PM

en fait mon style css est défini à 100%
mais étant donné que la taille du tableau varie je ne connais pas d'avance la taille.

je vais tester le alert

ElMoustiko

May 10 2005, 06:34 PM

Bah si la taille est de 100%, le style.height te renverra 100% et pas la taille en pixel.

Si tu as mis à 100%, tu peux tester par rapport à la hauteur de la fenetre pour récupérer la hauteur, mais si c'est 100% d'autre chose que de la fenetre (body), il faut récupérer la hauteur de l'élément parent correspondant à ces 100%

Sans ton code HTML et CSS, ça sera difficile de t'en dire plus.

mat10000

May 10 2005, 06:36 PM

bon et bien déja l'alert n'affiche rien donc il faut que je trouve une autre piste.
En gros comment récupérer la taille du contenu de ma page ?

mat10000

May 10 2005, 06:51 PM

bon et bien voici mon code :

CODE

<html>
<head>
<title></title>
<style type="text/css">
body {
background-color: #8E8C93;
margin-left: 20px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding:0px;
overflow:hidden;
height:100%
}
.Style1 {
color: #16416c;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Style2 {
color: #16416c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Style6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #16416c;
font-weight: bold;
}
input {
border:0px;
height:14px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#f0f0f0;
}

#tool {
position:absolute;
left:597px;
top:174px;
}

html{
height:100%
}
#fixElement{
position:absolute;
top:0px;
left:20px;
}
#fixElement1{
position:absolute;
top:0px;
left:597px;
}
#fixElement2{
position:absolute;
top:156px;
left:597px;
}
#mainContent{
top:0px;
height:100%;
overflow:auto;
}
a {
font-size: 9px;
color: #16416c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
a:hover {
font-size: 9px;
color: #16416c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
</style>

</head>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=20 MARGINHEIGHT=0 >
<div id="fixElement">
<table border="0" cellpadding="0" cellspacing="0" width="577" class="Style1">
<tr>
<td height="18"><a name="Qui"></a><img src="images/interface1_coinhg.gif" height="18"></td>
<td height="18" width="577"><img src="images/interface1_horizh.gif" height="18" width="100%"></td>
<td height="18"><img src="images/interface1_coinhd.gif" height="18"></td>
</tr>
</table>
</div>
<div id="fixElement1">
<table border="0" cellpadding="0" cellspacing="0" width="218" class="Style1">
<tbody>
<tr>
<td height="18"><img src="images/interface1_coinhg.gif" height="18"></td>
<td height="18" width="218"><img src="images/interface1_horizh.gif" height="18" width="100%"></td>
<td height="18"><img src="images/interface1_coinhd.gif" height="18"></td>
</tr>
<tr>
<td background="images/interface1_vertg.gif" height="100%"></td>
<td bgcolor="#dbdfe3" height="100%" width="218" valign=top><img src="images/logo_incuballiance_small_01.gif"></td>
<td background="images/interface1_vertd.gif" height="100%"></td>
</tr>
<tr>
<td height="26"><img src="images/interface1_coinbg.gif" height="26"></td>
<td height="26" width="218"><img src="images/interface1_horizb.gif" height="26" width="100%"></td>
<td height="26"><img src="images/interface1_coinbd.gif" height="26"></td>
</tr>
</tbody>
</table>
</div>
<div id="fixElement2">
<table border="0" cellpadding="0" cellspacing="0" width="218" class="Style1">
<tr>
<td height="18"><img src="images/interface1_coinhg.gif" height="18"></td>
<td height="18" width="218"><img src="images/interface1_horizh.gif" height="18" width="100%"></td>
<td height="18"><img src="images/interface1_coinhd.gif" height="18"></td>
</tr>
</table>
</div>

<div id="mainContent">
<script language="javascript">
if (navigator.userAgent.indexOf("MSIE") > 0)
{
var haut = (document.body.clientHeight);
}
else
{
var haut = (window.outerHeight);
}
if(haut<500)
{
document.write('<table border="0" cellpadding="0" cellspacing="0" class="Style1" height=100%>');
document.write('<tr>');
document.write('<td >');
}
</script>

<table border="0" cellpadding="0" cellspacing="0" width="577" class="Style1" >
<tbody>
<tr>
<td height=18></td>
</tr>
<tr>
<td background="images/interface1_vertg.gif" height="100%" rowspan="3"></td>
<TD><IMG SRC="images/b2_cadre1_01.gif" WIDTH=533 HEIGHT=25 ALT=""></TD>
<td background="images/interface1_vertd.gif" height="100%" rowspan="3"></td>
</tr>
<tr>
<td bgcolor="#ffffff" height="100%" valign=top>
</td>
</tr>
<TR>
<TD><IMG SRC="images/b2_cadre_02.gif" WIDTH=533 HEIGHT=7 ></TD>
</TR>
<tr>
<td height="26"><img src="images/interface1_coinbg.gif" height="26"></td>
<td height="26" width="577"><img src="images/interface1_horizb.gif" height="26" width="100%"></td>
<td height="26"><img src="images/interface1_coinbd.gif" height="26"></td>
</tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="577" class="Style1" >
<tbody>
<tr>
<td height="18"><a name="Qui"></a><img src="images/interface1_coinhg.gif" height="18"></td>
<td height="18" width="577"><img src="images/interface1_horizh.gif" height="18" width="100%"></td>
<td height="18"><img src="images/interface1_coinhd.gif" height="18"></td>
</tr>
<tr>
<td background="images/interface1_vertg.gif" height="100%" rowspan="3"></td>
<TD><IMG SRC="images/b2_cadre_01.gif" WIDTH=533 HEIGHT=25 ALT=""></TD>
<td background="images/interface1_vertd.gif" height="100%" rowspan="3"></td>
</tr>
<tr>
<td bgcolor="#ffffff" height="100%" width="100%" valign="top">
</td>
</tr>
<TR>
<TD><IMG SRC="images/b2_cadre_02.gif" WIDTH=533 HEIGHT=7 ></TD>
</TR>
<tr>
<td height="26"><img src="images/interface1_coinbg.gif" height="26"></td>
<td height="26" width="577"><img src="images/interface1_horizb.gif" height="26" width="100%"></td>
<td height="26"><img src="images/interface1_coinbd.gif" height="26"></td>
</tr>
</tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="577" class="Style1">
<tbody>
<tr>
<td height="18"><a name="Qui"></a><img src="images/interface1_coinhg.gif" height="18"></td>
<td height="18" width="577"><img src="images/interface1_horizh.gif" height="18" width="100%"></td>
<td height="18"><img src="images/interface1_coinhd.gif" height="18"></td>
</tr>
<tr>
<td background="images/interface1_vertg.gif" height="100%" rowspan="3"></td>
<TD><IMG SRC="images/b2_cadre3_01.gif" WIDTH=533 HEIGHT=25 ALT=""></TD>
<td background="images/interface1_vertd.gif" height="100%" rowspan="3"></td>
</tr>
<tr>
<td bgcolor="#ffffff" width="100%" height="100%" valign=top>
</td>
</tr>
<TR>
<TD><IMG SRC="images/b2_cadre_02.gif" WIDTH=533 HEIGHT=7 ></TD>
</TR>
<tr>
<td height="26"><img src="images/interface1_coinbg.gif" height="26"></td>
<td height="26" width="577"><img src="images/interface1_horizb.gif" height="26" width="100%"></td>
<td height="26"><img src="images/interface1_coinbd.gif" height="26"></td>
</tr>
</tbody>
</table>

<script language="javascript">
if (navigator.userAgent.indexOf("MSIE") > 0)
{
var haut = (document.body.clientHeight);
}
else
{
var haut = (window.outerHeight);
}
if(haut>500)
{
document.write('</div>');
document.write('<div id="tool">');
document.write('<FORM name=forme method="get" action="projets_vf.php">');
document.write('<table border="0" cellpadding="0" cellspacing="0" width="218" class="Style1">');
document.write('<tbody>');
}
else
{
document.write('</td>');
document.write('<td valign=top>');
document.write('<FORM name=forme method="get" action="projets_vf.php">');
document.write('<table border="0" cellpadding="0" cellspacing="0" width="218" class="Style1" height=100% align=right>');
document.write('<tbody>');
document.write('<tr>');
document.write('<td height=174 colspan=3></td>');
document.write('</tr>');
}
</script>
<tr>
<td background="images/interface1_vertg.gif" height="100%"></td>
<td bgcolor="#dbdfe3" width="250" height="100%" valign=top>
<TABLE WIDTH=174 BORDER=0 CELLPADDING=0 CELLSPACING=0 >
<TR>
<TD COLSPAN=9><IMG SRC="images/vf_b3_cher_proj.gif" WIDTH=174 HEIGHT=5 ></TD>
</TR>
<TR>
<TD ROWSPAN=4><IMG SRC="images/vf_b3_cher_proj-03.gif" WIDTH=4 HEIGHT=69 ></TD>

<TD><IMG SRC="images/vf_b3_cher_proj_light_off.gif" name="btnOK" WIDTH=14 HEIGHT=16 ></TD>

<TD><IMG SRC="images/vf_b3_cher_proj-05.gif" WIDTH=5 HEIGHT=16 ALT=""></TD>
<TD COLSPAN=3 BGCOLOR=#FFFFFF HEIGHT="16"><INPUT type='text' Id='rech' style="background-color:#FFFFFF" name='motsclef' size=17 maxlength=25 value="rechercher"><INPUT type=hidden Id='tri' name='nom' value="0"><INPUT type=hidden Id='ocp' name='etatproj' value="0"></TD>
<TD><IMG SRC="images/vf_b3_cher_proj-06.gif" WIDTH=5 HEIGHT=16 ALT=""></TD>
<TD><a href="#" onClick="javascript:document.forme.submit();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rechercheOK','','images/vf_b3_cher_proj_ro.gif','btnOK','','images/vf_b3_cher_proj_light_ro.gif',1)"><img src="images/vf_b3_cher_proj_off.gif" name="rechercheOK" width="20" height="16" border="0"></a></TD>
<TD ROWSPAN=4><IMG SRC="images/vf_b3_cher_proj-08.gif" WIDTH=5 HEIGHT=69 ALT=""></TD>
</TR>
<TR>

<TD><IMG SRC="images/vf_b3_cher_proj_light_ro.gif" name="btnTA" WIDTH=14 HEIGHT=16></TD>

<TD COLSPAN=3><a href="#" onClick="javascript:document.getElementById('rech').value='rechercher';document.forme.submit();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('toutAf','','images/vf_b3_cher_proj_ro-03.gif','btnTA','','images/vf_b3_cher_proj_light_ro.gif',1)"><IMG SRC="images/vf_b3_cher_proj_off-10.gif" name="toutAf" WIDTH=104 HEIGHT=16 border=0></a></TD>
<TD COLSPAN=3><IMG SRC="images/vf_b3_cher_proj-11.gif" WIDTH=47 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2><IMG SRC="images/vf_b3_cher_proj-12.gif" WIDTH=19 HEIGHT=21 ALT=""></TD>
<TD><IMG SRC="images/vf_b3_cher_proj-13.gif" WIDTH=47 HEIGHT=21 ALT=""></TD>
<TD><IMG SRC="images/vf_b3_cher_proj-14.gif" WIDTH=52 HEIGHT=21 ALT=""></TD>
<TD COLSPAN=3><IMG SRC="images/vf_b3_cher_proj-15.gif" WIDTH=47 HEIGHT=21 ALT=""></TD>
</TR>
<TR>
<TD><IMG SRC="images/vf_b3_cher_proj_light_off.gif" name="btnTRI" WIDTH=14 HEIGHT=16 ALT=""></TD>
<TD><IMG SRC="images/vf_b3_cher_proj-17.gif" WIDTH=5 HEIGHT=16 ALT=""></TD>
<TD><a href="#" onClick="javascript:document.getElementById('tri').value=0;document.forme.submit();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('triNom','','images/vf_b3_cher_proj_ro-04.gif','btnTRI','','images/vf_b3_cher_proj_light_ro.gif',1)"><IMG SRC="images/vf_b3_cher_proj_off-18.gif" name="triNom" WIDTH=47 HEIGHT=16 ALT="" border=0></a></TD>
<TD><a href="#" onClick="javascript:document.getElementById('tri').value=1;document.forme.submit();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('triDate','','images/vf_b3_cher_proj_ro-05.gif','btnTRI','','images/vf_b3_cher_proj_light_ro.gif',1)"><IMG SRC="images/vf_b3_cher_proj_off-19.gif" name="triDate" WIDTH=52 HEIGHT=16 ALT="" border=0></a></TD>
<TD COLSPAN=3><a href="#" onClick="javascript:document.getElementById('tri').value=2;document.forme.submit();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('triOrigine','','images/vf_b3_cher_proj_ro-06.gif','btnTRI','','images/vf_b3_cher_proj_light_ro.gif',1)"><IMG SRC="images/vf_b3_cher_proj_off-20.gif" name="triOrigine" WIDTH=47 HEIGHT=16 ALT="" border=0></a></TD>
</TR>
<TR>
<TD COLSPAN=9><IMG SRC="images/vf_b3_cher_proj-21.gif" WIDTH=174 HEIGHT=5 ALT=""></TD>
</TR>
<TR>
<TD><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/espaceur.gif" WIDTH=14 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/espaceur.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/espaceur.gif" WIDTH=47 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/espaceur.gif" WIDTH=52 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/espaceur.gif" WIDTH=22 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/espaceur.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/espaceur.gif" WIDTH=20 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/espaceur.gif" WIDTH=5 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<TABLE WIDTH=174 BORDER=0 CELLPADDING=0 CELLSPACING=0 >
<TR>
<TD COLSPAN=5 BGCOLOR=#DBDFE3><IMG SRC="images/espaceur.gif" WIDTH=174 HEIGHT=6 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG SRC="images/vf_b3_une.gif" WIDTH=174 HEIGHT=25 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG SRC="images/vf_b3_une-03.gif" WIDTH=174 HEIGHT=5 ALT=""></TD>
</TR>
<TR>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 ></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 ></TD>
<TD BGCOLOR=#FFFFFF width=164 valign=top><a href="infoline_vf.php?nom=0&motsclef=rechercher&num_pro=-2">0</a></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 ></TD>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 ></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG SRC="images/vf_b3_une-04.gif" WIDTH=174 HEIGHT=5 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG SRC="images/vf_b3_une-05.gif" WIDTH=174 HEIGHT=1 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG SRC="images/vf_b3_une-06.gif" WIDTH=174 HEIGHT=5 ALT=""></TD>
</TR>
<TR>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 ></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 ></TD>
<TD BGCOLOR=#FFFFFF width=164 valign=top><a href="infoline_vf.php?nom=0&motsclef=rechercher&num_pro=-2">0</a></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 ></TD>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 ></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG SRC="images/vf_b3_une-07.gif" WIDTH=174 HEIGHT=6 ALT=""></TD>
</TR>
</TABLE>
<TABLE WIDTH=174 BORDER=0 CELLPADDING=0 CELLSPACING=0 >
<TR>
<TD COLSPAN=7 BGCOLOR=#DBDFE3><IMG SRC="images/espaceur.gif" WIDTH=174 HEIGHT=6 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7><IMG SRC="images/vf_b3_news.gif" WIDTH=174 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=14 ALT=""></TD>
<TD COLSPAN=3 BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=164 HEIGHT=14 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=14 ALT=""></TD>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7><IMG SRC="images/vf_b3_news-03.gif" WIDTH=174 HEIGHT=5 ALT=""></TD>
</TR>
<TR>
<TD BGCOLOR=#ACACAC><IMG SRC="images/vf_b3_news-04.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=16 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=116 HEIGHT=16 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=16 ALT=""></TD>
<TD><IMG SRC="images/vf_b3_news_off.gif" WIDTH=44 HEIGHT=16 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=16 ALT=""></TD>
<TD BGCOLOR=#ACACAC><IMG SRC="images/vf_b3_news-06.gif" WIDTH=1 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7><IMG SRC="images/vf_b3_news-07.gif" WIDTH=174 HEIGHT=5 ALT=""></TD>
</TR>
</TABLE>
<TABLE WIDTH=174 BORDER=0 CELLPADDING=0 CELLSPACING=0 >
<TR>
<TD COLSPAN=5 BGCOLOR=#DBDFE3> <IMG SRC="images/espaceur.gif" WIDTH=174 HEIGHT=6 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG SRC="images/vf_b3_cand_01.gif" WIDTH=174 HEIGHT=25 ALT=""></TD>
</TR>
<TR>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=5 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=5 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=164 HEIGHT=5 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=5 ALT=""></TD>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=5 ALT=""></TD>
</TR>
<TR>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=30 ALT=""></TD>
<TD BGCOLOR=#FFFFFF align="center"></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=30 ALT=""></TD>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG SRC="images/vf_b3_cand_02.gif" WIDTH=174 HEIGHT=6 ALT=""></TD>
</TR>
</TABLE>
<TABLE WIDTH=174 BORDER=0 CELLPADDING=0 CELLSPACING=0 >
<TR>
<TD COLSPAN=5 BGCOLOR=#DBDFE3><IMG SRC="images/espaceur.gif" WIDTH=174 HEIGHT=6 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/vf_b3_rdv.gif" WIDTH=174 HEIGHT=25 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/vf_b3_rdv-03.gif" WIDTH=174 HEIGHT=5 ALT=""></TD>
</TR>
<TR>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=30 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=164 HEIGHT=30 ALT=""></TD>
<TD BGCOLOR=#FFFFFF><IMG SRC="images/espaceur.gif" WIDTH=4 HEIGHT=30 ALT=""></TD>
<TD BGCOLOR=#ACACAC><IMG SRC="images/espaceur.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5><IMG SRC="images/vf_b3_rdv-04.gif" WIDTH=174 HEIGHT=6 ALT=""></TD>
</TR>
</TABLE>
<script language="javascript">
if (navigator.userAgent.indexOf("MSIE") > 0)
{
var haut = (document.body.clientHeight);
alert(document.getElementById("tab1").style.height);
}
else
{
var haut = (window.outerHeight);
alert(document.getElementById("tab1").style.height);
}
if(haut<500)
{
document.write('<table height=100% WIDTH=174 BORDER=0 CELLPADDING=0 CELLSPACING=0>');
document.write('<tr>');
document.write('<td background="images/fondgris.gif" height='+haut+'">');
document.write('</td>');
document.write('</tr>');
document.write('</table>');
}
</script>
</td>
<td background="images/interface1_vertd.gif" height="100%"></td>
</tr>
<tr>
<td height="26"><img src="images/interface1_coinbg.gif" height="26"></td>
<td height="26" width="218"><img src="images/interface1_horizb.gif" height="26" width="100%"></td>
<td height="26"><img src="images/interface1_coinbd.gif" height="26"></td>
</tr>
</tbody>
</table>
</FORM>
<script language="javascript">
if (navigator.userAgent.indexOf("MSIE") > 0)
{
var haut = (document.body.clientHeight);
}
else
{
var haut = (window.outerHeight);
}
if(haut<500)
{
document.write('</td>');
document.write('</tr>');
document.write('</table>');
}
</script>
</div>

</body>
</html>

Bon alors il reste quelques balises php et surement un peut de code qui ne nous intéresse pas ici mais l'idée est la.

Le principe est le suivant:
les premiers calques sont des fixElement (des calques fixe quoi)

Ensuite il y a deux configurations: soit le navigateur fais plus de 500 px soit moins
Si il fait plus ça fonctionne, je fais un calque tool qui reste fixe et un calque mainContent sur lequel j'applique mon scroll

Mon problème est lorsque mon navigateur fais moins de 500px dans ce cas le contenu du calque tool passe dans le calque mainContent. Et j'aimerais dire que la taille du contenu que je viens de rajouter prend la taille mawimum du calque mainContent

j'espère que ça peux vous aider à y voir clair !

merci à vous

klee

Jun 1 2005, 03:22 PM

j'ai exactement le même problème

je relance le sujet
donc comment en js recuperer la hauteur réelle d'un div ??

icedap

Mar 25 2008, 03:30 PM

Et en utilisant la propriété offsetHeight ?