Accueil > Forum > > > > centrage d'une page avec marge négatives
 centrage d'une page avec marge négatives
samedi 11 octobre 2008 à 21:18:50 |
centrage d'une page avec marge négatives
ludomacho
|
Bonjour, Voici mon souci: J'ai un bloc de 900px de large que je veux voir centré à l'écran. J'ai donc utilisé la méthode des marges négatives pour que mon bloc reste centré même en cas de redimensionnement de la fenetre. Jusque là tout fonctionne bien. Le problème, c'est que lorsque la largeur de la fenetre devient inférieure à la largeur de mon bloc, je n'ai plus acces a la partie gauche de mon bloc. Je voudrais donc faire un script pour que lorsque la largeur de la fenetre devient <= 980px le centrage s'arrete et le bloc reste à gauche de la fenetre. Merci d'avance ludomacho |
|
samedi 11 octobre 2008 à 23:14:37 |
Re : centrage d'une page avec marge négatives
PetoleTeam
|
Réponse acceptée !
Bonjour,
Il te suffit de créer une fonction que tu mets sur l'événement onresize de window qui va tester la position du DIV,
SI style.left < 0 ALORS tu mets le style.marginLeft à 0 SINON tu le mets à -Largeur_Div /2
;O)
|
|
Cette discussion est classée dans : fenetre, largeur, bloc, centrage, négatives
 Répondre à ce message
 Sujets en rapport avec ce message
Onresize....Conserver le rapport hauteur/largeur [ par ganja31200 ]
Bien le bonjour a tous......je ne suis pas un pros du javascript, loin de là...aussi je viens sur ce forum trouver de l'aide....j'ai crée un site tout
Lien ou bouton ouvrant une fenetre explorateur [ par fabguy ]
Bonjour,Je voudrais savoir comment on peut faire pour ouvrir une fenetre explorateur en cliquant sur un lien ou sur un bouton.Un peu comme le bouton "
redimensionnement dynamique div [ par elanspeech ]
Bonjour,J'utilise des calques (div) pour faire des menus deroulants et j'aimerais que la largeur de mes calques s'adaptent a la taille de la fenetre d
pb pour redimensionnement de fenetre [ par dardantfred ]
bonjour a tous.Bon je vais essayer d'etre clair.g une page d'accueil avec une frame en haut, un menu a gauche et un a droite.je voudrais que quand je
largeur div netscape [ par peter1789 ]
Bonjour à tous ! J'aimerai savoir comment récupérer la largeur d'un div avec netscape ou mozilla ... (note : avec IE c'est offsetwidth) Merci
Js la fenetre parente se redirige toute seule ? [ par dunkan ]
Bonjour,lorsque j'ouvre un popup avec IE6 et la comande window.open window.open("","fenetre","resizable=1");tout fonctionne à merveille mais la fenêtr
ouvrir une page dans la fenetre active du navigateur? [ par billy21121 ]
Bonjour, voila je suis entrain de créer un site intranet en php et je suis amené a utuliser le javascript pour executer un petit calcul sur le poste c
largeur de chaque element d'un menu horizontal en css [ par stopworries ]
Bonjour tlm!Voila g un menu horizontal en css et js qui fonctionne tres bien, le seul probleme, c que dans ma barre de menu, g par exple les titres "f
afficher du text sous une fenetre popup [ par zmoha40 ]
Bonjour ,Je suis en train de développer un site et parmi les pages web que je dois faire c'est afficher un catalogue des articles(image-reference-desc
[XML XLMS] Somme d'un produit [ par bubuze ]
Bonjour ! Désolé si je ne suis pas dans le bon site/forum, mais n'ayant rien trouvé pour xml, et développant un site xml/xls/javascript, je m'inscrus
 Livres en rapport
|
Derniers Blogs
 [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|