Bonjour @ tous
Petit soucis avec une demande d'un client.
Je travail avec des div et une structure classique.
Et j'ai ajouté un p'tit bout de script pour faire en sorte que le menu ou le contenu s'agrandisse et aient la même taille avec un minimum de 300px.
Mon soucis se situe au niveau de contenu.style.height la modif est bien faite mais cela provoque un décalage entre les blocks menu et contenu laissant apparaitre l'image de fond.
Ce problème ne se rencontre que sous IE6
Tester sous FF, Opera, IE7
Pour un apperçu des dégats sur le site en construction : Association Beauregard
Si quelqu'un avait une idée pour moi.
Merci d'avance
Lynx
Modifié par dominique (29 Aug 2007 - 16:51)
Petit soucis avec une demande d'un client.
Je travail avec des div et une structure classique.
<body>
<div id="container">
<div id="header">
<div style="height: 50px; width: 80%"><h2>Accueil</h2></div>
<div style="width: 95%">
<div id="menu_onglet">
<ul>
<li class="onglet_courant"><span>
<a href="accueil1.html">Onglet 1</a>
</span></li>
</ul>
</div>
</div>
</div>
<div style="clear:both;">
<div id="menu">
<div class="menuTitre">Accueil </div>
<div class="menuItem"><a href="accueil1.html">Accueil</a> </div>
<div class="menuItem"><a href="presentation.html">Présentation</a> </div>
<div class="menuItem"><a href="projets_de_developpement.html">Projets de développement</a> </div>
</div>
<div id="contenu"><h3 align="center">Page d'accueil</h3>
</div>
</div>
<div id="footer">
Copyright etc...
</div>
</div>
</body>Et j'ai ajouté un p'tit bout de script pour faire en sorte que le menu ou le contenu s'agrandisse et aient la même taille avec un minimum de 300px.
<script language="JavaScript" type="text/javascript">
var h_mini = 300;
var menu = document.getElementById("menu");
var contenu = document.getElementById("contenu");
/*alert(menu.offsetHeight);*/
if ((menu.offsetHeight < h_mini) && (contenu.offsetHeight < h_mini))
{
menu.style.height = (h_mini+21)+'px';
contenu.style.height = h_mini+'px';
}
else if (menu.offsetHeight < contenu.offsetHeight)
{
menu.style.height = (contenu.offsetHeight)+'px';
}
else if (contenu.offsetHeight < menu.offsetHeight)
{
contenu.style.height = (menu.offsetHeight-21)+'px';
}
</script>Mon soucis se situe au niveau de contenu.style.height la modif est bien faite mais cela provoque un décalage entre les blocks menu et contenu laissant apparaitre l'image de fond.
Ce problème ne se rencontre que sous IE6
Tester sous FF, Opera, IE7
Pour un apperçu des dégats sur le site en construction : Association Beauregard
Si quelqu'un avait une idée pour moi.
Merci d'avance
Lynx
Modifié par dominique (29 Aug 2007 - 16:51)
</edit> 
il ya du monde sur la ligne ! que de choix possible s ... (je n'ecarte pas ton js dans ma proposition)</>