centrer un bloc qui s'adpate a la pageRésolu/Fermé

Question

Salut, Donc voila, j'ai grimper un site et mis en place une shoutbox (chat) il y a deux blocs. 1er : Le bloc principal où les messages posté s'affiche 2eme : Le bloc qui nous sert a écrire notre message et cliqué entrer pour l'envoyé. Le premier bloc est centré sur la page, et quand je réduit la fenêtre en largeur, le bloc s'adapte et reste centré Par contre le deuxième en dessous, resté figé a 750px a partir de la gauche Si vous voyez ce que je veut dire, en gros c'est centré sur mon écran 21pouce, mais sur celui d'un pote avec un écran 15 pouce, il reste a 750px, et donc se retrouve + sur la droite. J'aimerais codé le bloc pour qu'il soit centré, donc sans le left:750px Et qu'il s'adpate suivant le navigateur et la taille différente des écrans. Je vous montre en screen... Le premier en full fenêtre du navigateur : http://uppix.net/3/c/9/632765ac5040b1ca88fbdc728c339.png Et le 2eme, en rétrécissant la fenêtre on voit bien que le premier bloc reste centré et s'adapte à la la largeur, mais le 2eme reste a 750px en partant de la gauche : http://uppix.net/e/5/8/e6c0c6672ae8b18c08bca4fd4726f.png Donc voilà, sa fait un moment que je suis dessus, j'ai testé des "center" , des "auto", mais sa marche pas. Je vous passe le code du blocs, que vous voyez comme il est codé :

<{$smarty.const._MD_SHOUTBOX_POPUP_CONSOLE}> <{else}> <{/if}> Voilà, si vous avez des suggestions, j'en serait ravi, merci de vos aides et bonne journée.

mimigenie · Answer

Tes "center" et tes "auto" ne fonctionnent pas car tu as écrit  left:700px donc c'est normal qu'il soit toujours décalé de 700px vers la droite.

Utilise des valeurs relatives donc en % pour placer tes blocs donc si tu mets 50% ( ou auto ) au lieu de 700 je pense que ca devrait aller

Utilisateur anonyme · Answer

non déjà testé çà , en auto ou en % il reste quand même au même endroit, il s'adapte pas en restant centré comme le bloc n°1

Utilisateur anonyme · Answer

le bloc 1 il est codé comme sa :

Rien d'extraordinaire en + , pour sa que je comprends pas pourquoi le 1 qui es moins bien codé, est centré, et pas l'autre ... comme dit , sa fait 2 jours que je suis dessus, et j'en es testé des solution, mais rien ne marche

vincent170186 · Answer

salut,

pour que le bloc de texte  se deplace avec la taille de l'ecran essaye
de mettre une valeur left en % (selon la position que tu souhaite) et un margin left negatif (qui vaut la moitié de la taille de ton block)

genre pour le centrer ça donnerais : left:50%;margin-left:-250px;

si ton bloc 2 (blc texte) est palcé dans don bloc 1 , mets ton bloc 1 en position relative .

Centrer un bloc qui s'adpate a la page

4 réponses

Discussions similaires

Newsletters