11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

j'ai eu beau cherché sur notre ami google ou via la fonction recherche de ce forum, je ne trouve pas.

Voici mon souci...

Lorsqu'en HTML de base on centre un tableau dans une page (align="center"), le tableau est bien centré, mais dès que la fenêtre est plus petite que son contenu, le tableau est ferré à gauche.

Bon, et bien je veux exactement la même chose mais avec des divs, et malheureusement ce n'est pas automatique.

J'ai des divs en position:fixed (position:absolute pour ie), quand je réduis la largeur de la fenetre et que celle-ci est inférieure à 950 px environ (mon contenu), le tout reste bien évidemment centré et la partie gauche du site disparait dans la fenetre.

Y a-t-il un moyen via javascript ou ou simplement en css pour modifier la position de mes divs (left et margin-left) quand la largeur de la fenetre est inférieure à une certaine taille (que je connais) afin que la fenetre cache le contenu qu'à partir de la droite de mon contenu ?

Si ce n'est pas assez clair, je ferai plus simple, sinon merci d'avance pour vos réponses.

Passez une agréable journée,

Nico
Modérateur
Salut corn-flakes, Smiley smile

En CSS, il faut attribuer margin: 0 auto; sur ton conteneur pour obtenir le comportement désiré... mais ça ne peut pas marcher en position: fixed; ou position: absolute; vu que le conteneur est hors flux. Avant d'envisager une solution javascript (peu sûre), ne peux-tu pas éviter de sortir ton conteneur du flux ? Ce serait préférable pour rester accessible.

Si ce n'est pas le cas, la "solution" que tu trouveras (peut-être) ne sera certainement pas robuste ; certains utilisateurs seront, quoiqu'il en soit, gênés... Mieux vaut privilégier CSS pour ce genre de chose en tout cas.