AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 21 14:30:10
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : centrage d'une page avec marge négatives [ CSS / Général ] (ludomacho)

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é 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...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,515 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.