Menu extensible qui ne l'est pas

Menu extensible qui ne l'est pas - HTML/CSS - Programmation

Marsh Posté le 05-08-2008 à 14:18:53    

Salut, j'ai un petit problème de mise en forme.
Pour simplifier, je possède un corps qui est extensible à 90% (largeur). Il contient lui même 2 divisions nommées menu et contenu.
Le menu est de largeur fixe à 150 px et le contenu est 75%. Afin de mettre le menu a gauche je lui est appliqué un floatLeft, et j'ai décalé le contenu de 150 px vers la droite. J'ai donc un menu a gauche et un contenu a droite.
 
La hauteur de mon corps dépend donc de mon contenu.
Mon problème c'est que je voudrais que le menu soit de la méme hauteur que le contenu afin de le voir tout le long de la page. En lui appliquant height: 100% çà ne marche pas, il reste en height: auto et donc quant mon contenu devient trop grand, le menu ne suit pas.
 
J'ai essayé avec javascript:

Code :
  1. document.getElementByClass('menu').style.height = document.getElementByClass('contenu').style.height;


 
 
Mais toujours rien.  Merci de m'aider.  ;)

Reply

Marsh Posté le 05-08-2008 à 14:18:53   

Reply

Marsh Posté le 05-08-2008 à 14:42:09    

document.getElementById('menu').style.height = document.getElementById('contenu').offsetHeight+"px";

 

le getElementByClass va te peter a la gueule


Message édité par mIRROR le 05-08-2008 à 14:44:41

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 05-08-2008 à 15:18:11    

Cà n'a pas l'air de marcher non plus =(
 
J'ai beau essayer te faire onload="code" dans la balise body, ou encore <script>code</script> en bas de page, rien ne marche.

Reply

Marsh Posté le 05-08-2008 à 15:26:15    

c est pas <script>code... mais <script>onload = function() {code}</script> et rien dans <body>
par contre faut remplacer <div class="menu"> par <div id="menu">


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 05-08-2008 à 15:49:41    

Code :
  1. <script type="text/javascript">
  2. onload = function() {document.getElementById('menu').style.height = document.getElementId('contenu').offsetHeight;}
  3. </script>


 
Ce code est sencé être bon.? Cà me semble bisare de faire onload =. J'ai bien remplacé class par id, mais rien ne change...

Reply

Marsh Posté le 05-08-2008 à 18:10:15    

J'ai trouvé. Merci pour l'aide.

Reply

Marsh Posté le 06-08-2008 à 03:10:05    

t as oublié le +"px" a la fin par exemple ? :D


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed