Forums Développement Multimédia

Aller au contenu

problème décalage

CODE HTML CSS

6 réponses à ce sujet

#1 stratWeb

  • Guests

Posté 07 July 2010 - 17:06 PM

bonjour j'ai commencé mon premier site en xhtml css et j'ai un problème

je travaille de la sorte sur mon css pour le contenu

#conteneur{
        width:939px;
        margin:100px 92px ;
}

mais le problème est que le contenu se décale (en toute logique) lorsque j'affiche mon site sur un écran plus grand.
j'ai essayé auto mais ça ne correspond pas à ce que je veux sur mon écran.

comment faire pour que tous les éléments soient centrés sur n'importe quel écran et n'importe quelle résolution?

merci par avance

#2 Exta_design

    Ceinture Orange

  • Members
  • PipPipPip
  • 38 messages

Posté 07 July 2010 - 18:37 PM

c'est bizarre que le auto ne marche pas car pour centrer généralement j'utilise:


#conteneur{
margin-left:auto;
margin-right:auto;
}

ou


#conteneur{
margin:auto;
}

et tout se centre.

#3 Ren

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 600 messages

Posté 08 July 2010 - 00:27 AM

Bonjour,

ou autre possibilité :

CSS
body {text-align:center;}
#conteneur {display:inline-block; text-align:left;}

Ren
---------- anonymation - Studio de création ----------
www.anonymation.com - blog.anonymation.com
---------------------- Projets internes ---------------------
www.mavoiturealouer.com - www.cosplay-it.com

#4 Delphine Dy

  • Guests

Posté 04 August 2010 - 20:20 PM

hello

Par précaution supplémentaire, on peut caler les margin, les padding, les width and co dans la définition du html et du body. Cela évite certaines surprises.
a+

#5 Ren

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 600 messages

Posté 04 August 2010 - 21:51 PM

Bonsoir,

Citation

margin, les padding, les width and co

Peux-tu préciser ? c'est un peu vague comme conseil non ? En plus je ne vois pas le rapport avec la question ;) ?

Ren
---------- anonymation - Studio de création ----------
www.anonymation.com - blog.anonymation.com
---------------------- Projets internes ---------------------
www.mavoiturealouer.com - www.cosplay-it.com

#6 Delphine Dy

  • Guests

Posté 04 August 2010 - 22:28 PM

hello

et bien simplement, je précise padding:0px;margin:0px; width:auto; et ainsi de suite sur chacun des paramètres dont je veux être sûre de la valeur (à choisir en fonction de la mise en page, que ce soit pour les paramètres ou les valeurs) quel que soit le navigateur.
Ajouter ce genre de choses, je l'ai fait la première fois justement pour résoudre un problème de calage et cela a suffit à le résoudre, que ce soit un centrage, ou un interligne, la problématique est la même c'est en haut de la pyramide que cela se joue avant tout.

il y a peut-être plus élégant mais cela fonctionne bien, ne demande pas une réflexion approfondie.

a+

dy

#7 Ren

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 600 messages

Posté 04 August 2010 - 22:47 PM

Tu parles de ce qu'on appel un reset CSS.

Il en existe des réputés, un petite recherche Google suffit.
Alsacréation en propose une également.
Reset CSS sur Alsacreation

Parcontre, je ne demande pas une réflexion approfondie mais je n'arrive pas à comprendre les 3/4 de tes phrases, même si je crois percevoir ta pensée, je n'en suis pas sûr.

Qu'entends tu par :

Citation

et ainsi de suite sur chacun des paramètres dont je veux être sûre de la valeur (à choisir en fonction de la mise en page, que ce soit pour les paramètres ou les valeurs
La phrase n'a ni queue ni tête. Je fais du web depuis longtemps et je fais des efforts pour ne pas être totalement nul et essayer de comprendre où tu veux en venir. Je connais le jargon web et tu assembles des mots qui n'ont pas de rapport les uns avec les autres et donne des explications qui ne réponde pas au problème.

Citation

que ce soit un centrage, ou un interligne
padding:0px;margin:0px; width:auto; et ainsi de suite ont résolu des problème d'interligne ? Je suis confus, je pense que tu sais de quoi tu parles mais il est très difficile de te suivre. Je n'ose pas penser si tu répond à un néophyte.

A te lire.
Ren
---------- anonymation - Studio de création ----------
www.anonymation.com - blog.anonymation.com
---------------------- Projets internes ---------------------
www.mavoiturealouer.com - www.cosplay-it.com



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP