begin process at 2010 08 01 01:42:58
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

centrage d'une page avec marge négatives


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

Membre Club
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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Août 2010
LMMJVSD
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,234 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales