Boîte rigide centrée avec marges calculées en pixels...

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
fredroy
Salamandre
Messages : 40
Inscription : 07 janv. 2004, 03:12

Boîte rigide centrée avec marges calculées en pixels...

Message par fredroy »

Bonsoir à tous,

Je suis entrain d'essayer de mettre mon site à la forme xhtml.

J'y arrive petite à petit...

Je rencontre un problème sur IE...

Je souhaite que ma boite rigide soit centrée et lorsque la page est redimensionnée, je voudrais que la boite s'adapte automatiquement à la marge.

Je ne rencontre aucun problème sous Mozilla, la boite est bien centrée et elle se redimensionne automatiquement lorsque la fenêtre est réduite.

En revanche, avec IE, la boite reste centrée à gauche ?!?

Quelqu'un pourrait-il me dire d'où vient le problème ?

Merci d'avance

La page : http://www.about-django.com/discographi ... raphie.php

Le fichier CSS : http://www.about-django.com/discographi ... raphie.css

NB : ne regardarder que :
#fond et #contenu
Raisin

Message par Raisin »

Regarde ici tu trouveras peut être ton bonheur:
http://openweb.eu.org/articles/initiation_centrage/
Invité

Message par Invité »

Merci pour le lien, mais je consulte tout le temps ce site :)

J'ai d'ailleurs effectué mon centrage après la lecture de cet article.

Mais là, je ne vois ce qui cloche ? :(
Invité

Message par Invité »

Finalement, j'ai repris tout à zero et j'ai utilisé exactement la technique de openweb..

Cela fonctionne.

Je ne connais pas la réponse en ce qui concerne l'alignement à gauche de IE mais bon....ma boite est centrée :)
fredroy
Salamandre
Messages : 40
Inscription : 07 janv. 2004, 03:12

Message par fredroy »

Je rencontre a nouveau un problème...

J'ai donné un margin-top de 50px à ma boite "centre".

C'est à dire que je souhaite qu'elle se positionne à un ecart de 50px de la bordure du haut de sont conteneur.

Aucun pb sous IE, ma boite "centre" laisse bien une marge en haut de 50px.

En revanche, sous Mozilla , la boite reste impertubablement collée à le bordure du haut de la boite "conteneur" :(

Si quelqu'un sait d'où vient le "bug" j'en serais très reconnaissant :)

http://www.about-django.com/discographi ... raphie.php
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Semrush [Bot] et 2 invités