Menu extensible qui ne l'est pas

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Menu extensible qui ne l'est pas

univscien1

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 :

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

Mais toujours rien. Merci de m'aider.

Publicité

mIRROR

Chevreuillobolchévik

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

univscien1

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.

mIRROR

Chevreuillobolchévik

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

univscien1

Code :

<script type="text/javascript">
onload = function() {document.getElementById('menu').style.height = document.getElementId('contenu').offsetHeight;}
</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...

univscien1

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

mIRROR

Chevreuillobolchévik

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

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

FORUM HardWare.fr

Programmation

HTML/CSS

Menu extensible qui ne l'est pas

Sujets relatifs
menu en séquences...	Des soucis smarty pour intégrer mon menu sous cms made simple
Menu déroulant non cliquable [Need help :D]	Menu déroulant au survol d'une image réactive
probleme menu deroulant IE/firefox	Etat d'un element du menu
Menu déroulant en JVS: problème d'affichage	Menu déroulant horizontal ( sfhover function)
[CSS] Menu avec fond extensible	menu extensible
Plus de sujets relatifs à : Menu extensible qui ne l'est pas

Page générée en 0.040 secondes