Redimensionner mes menus

Bonjour a tous,
voila, g un petit souci, je possede deux menus deroulants en js et css sur ma page html (un horizontal, et un vertical) et je voudrais faire un redimensionnement automatique lorsqu'on reduit la fenetre pce que mes menus gardent la mm taille.
Comment m'y prendre? voici le code de mon menu horizontal:

<script type="text/javascript">
<!--
window.onload=montreh;

function montreh(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenuh'+i)) {document.getElementById('smenuh'+i).style.display='none';}
	}
if (d) {d.style.display='block';}

}
function cacheh(id) {
if (document.getElementById) {
document.getElementById(id).style.display="none";
} else if (document.all) {
document.all[id].style.display="none";
} else if (document.layers) {
document.layers[id].display="none";
}
}
//-->
</script>

<style type="text/css" media="screen">
<!-- 
body {
margin: 0;
padding: 0;
background:; /*couleur fond d'ecran ../images/ban.gif*/
font: verdana, times, sans-serif;
color:#fff;
font-size: 87%;
}
dl, dt, dd, ul, li {
margin: 0;
padding: none;
list-style-type: none;
}
#menuh {
position: absolute;top: 118px;
left: 76px;
color:white;
font-weight: bold;
/*height: 10%; */
width: 170%;  
font-size: 102%;/*modifie la taille du menu*/
}
#menuh dl {
float: left;/*determine le menu horizontal*/
width: 12em; 
font-size: 87%;/*modifie la taille du texte*/
font-weight: bold;
}
#menuh dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background:#7180D2;
border-left: 1px solid white;
margin: 1px;
font-size: 105%;
}
#menuh dd {
display: none;
border: 1px solid white;
}
#menuh li {
text-align: center;
background: #7180D2;
border: 1px solid white;
}
#menuh li a, #menuh dt a {
color: #FFF;/*couleur du texte*/
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menuh li a:hover, #menuh li a:focus, #menuh dt a:hover, #menuh dt a:focus {
background:#CBDAF1;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 0px;
border: 1px solid white; 
}
-->
</style>

AIDEZ MOI, PAR PITIE!!!!!!

stopworries
Modifié par rainbow (30 Jun 2005 - 16:18)

Bonjour et bienvenue rainbow

La première chose à faire pour obtenir une réponse à ton problème est de prendre connaissance des Règles du forum ... En effet, tu pourras y lire que, pour une lecture plus aisée des échanges, il faut placer tout ce qui est code dans la balise "Code" prévue pour ça

Surtout ne créés pas un nouveau post, il suffit juste de cliquer sur le bouton "éditer" placé sur ton message pour le modifier... Merci d'avance !

Edité : Evite également le style sms, c'est très désagréable à traduire
Modifié par dominique (30 Jun 2005 - 09:45)