header fixe et depassement xbody |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
Envoyé : 12 Nov 2013 à 10:12 |
Bonjour à tous Pour éviter de polluer plus avant l'autre topic... J'ai fixé un menu sur la gauche dans mon calque principal avec un Bloc de code source (javascript-endbody) : var windowWidth = $(window).width(); $('#WE803ac448ae').css({'position': 'fixed', 'left':'0px','220px': '0px', 'width':(windowWidth+'px')}); Tout fonctionne parfaitement. Sauf que sur les pages utilisant ce calque, si je pousse le redimensionnement de la page à outrance avec mon navigateur (IE, Chrome et Firefox), les éléments viennent par dessus le menu. Comment "bloquer" le xbody des pages pour qu'il s'arrête à la limite de mon bloc WE803ac448ae ?
|
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Bonjour,
A essayer (aucune idee si ca marchera): Bloc de code Source, type CSS: #XBody { margin-top: 100px !important; } Cordialement D |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
merci Dmit, mais mon menu est sur la gauche et non sur le "top" :)
donc, avec ce code : #XBody { margin-left: 100px !important; } mon xbody reste fixe du coup et ne profite plus du redimensionnement de la page du navigateur. Il ne s'agit pas de mes contraintes malheureusement. Je suis en train de refaire ce site web rapidement pour une administration temporaire le temps de travailler sur un nouveau visuel plus d'actualité et plus conforme sans toutes ces contraintes. Tu peux contrôler par toi même que le redimensionnement de la page sur la largeur ne provoque pas le chevauchement du menu. Lien du site Si jamais ca devenait trop chiant à trouver une solution viable, je basculerai sur la solution de tout centrer, menu y compris....
Edité par brolysan - 12 Nov 2013 à 11:06 |
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
On peut juste fixer le menu a gauche (le faire sortir de xbody, position absolute, top 0, left 0) et forcer z-index, genre
#XXXXXX { position: absolute; top: 0px; left: 0px; z-index: 100000; } pour qu'il reste toujours au-dessus d'autre contenu |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
A priori, il reste fixer au xbody de la page lorsque je le visualise. J'explore d'autres pistes en css, mais pas très concluant pour l'instant.
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
j'ai trouvé une solution "batarde" en attendant de trouver le bon code css ou javascript (si certains avaient des idées...)
J'ai redimensionné la largeur du xbody de la page à 1280 pixels. J'ai ajouté un conteneur de 800 de large que j'ai centré horizontalement. Et la, même si je redimensionne ma page de visualisation, le conteneur ne vient pas chevaucher le menu à gauche, et le menu reste coller à gauche. Batarde comme solution...surtout pour travailler sous OE :)
Edité par brolysan - 12 Nov 2013 à 11:53 |
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Pour que ma derniere porposition marche, il faut sortir le menu de xbody. Bloc de code JavaScript, emplacement Head:
$(function(){ $('#XXXXXX').appendTo('body'); }); |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
avec ce code (javascript - head) :
$(function(){ $('#XXXXXXX').appendTo('body'); }); #XXXXXXX { position: absolute; top: 220px; left: 0px; z-index: 100000; } Mon menu ne reste pas fixe et disparait dés que je redimensionne mon navigateur. Je continue de tester....
|
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
position:fixed, pas absolute ...
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
ben ca ne marche pas ca, ou alors j'ai merdé...
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |