18041 sujets

Questions générales et questions de débutants

Les marges négatives

Bonjour
J'essaie d'utiliser la methode de smarges négative sur mon site pour centrer le spage avec nimporte qu elle résolution mais cela ne fonctionne pas.
Pouvez vous m'aidez?
Pour centrer horizontalement, les marges auto sont aussi pas mal, et son moins relou si jamais tu réduis trop la résolution :
#monDivPrincipalToutMignon {
  margin: 0 auto;
}

Modifié par FlorentG (30 Oct 2006 - 22:55)
Modérateur
Si ça ne marchait pas sur ton site, c'est donc que tu avais une erreur parce que ça fonctionne parfaitement sur l'exemple fourni dans le tuto... mais encore une fois, préfère le centrage vertical plutôt que les marges négatives... Smiley cligne
Le tuto sur le centrage vertical est un peu vide je trouve.
Je dois faire un div qui englobe tou mon code et dans ma css je dois mettre ce conteneur avec #conteneur{vertical-align} si je comprends bien?
Modérateur
bonsoir,
il serait peut-etre plus aisé pour les utilisateur du forum , que tu nous propose un lien ou une page en code avec un contenu fictif .

Cela pourrait permettre de t'orienter vers des solutions possibles en fonction de ton code html.

GC
Modérateur
oups... désolé... une petite faute dans ma réponse... je voulais parler du centrage horizontal... Smiley confused

donc non, vertical-align ne sert à rien... Smiley cligne

Tu dois faire comme t'a montré FlorentG en indiquant la largeur du conteneur global.

Par ailleurs, tous tes éléments sont en positionnement absolu, ce qui les fait sortir du flux ( et donc du conteneur global ). Vu ta mise en page, tu n'as pas à positionner ce qui se trouve dans le corps de page avec position: absolute; ou position: relative;... De simples padding et margin sur le conteneur global suffisent... Par ailleurs, les blockquotes sont inutiles... Tu ne fais pas des citations mais de simples paragraphes donc chacun doit être encadré par des <p>...</p> et rien d'autre. Pour les titres, tu dois te servir de balises h1, h2, h3, etc... et pour leur attribuer une couleur, il faut éviter les balises font (dépréciées) et préférer la propriété CSS color.

PS : Si tu peux éviter de faire une faute tous les deux mots, nous t'en serions reconnaissants car quelqu'un qui passe par un lecteur vocal ne pipe pas un mot de ce que tu dis... Smiley ohwell
Modifié par koala64 (31 Oct 2006 - 00:14)
Ok donc j'enlève toutes mes positions absolue.
Mais je dois quand même garder mes top et left?
Parce qu'en enlevant mes positions absolue ça m'a déplacé un peu mes boutons.
Modérateur
non, tu dois les enlever aussi car sans positionnement, ils ne servent à rien. Encore une fois, il faut te servir des remplissages et marges pour les placer comme tu le souhaites...

Je te conseille vraiment de consulter ces quatres tutos :
http://openweb.eu.org/articles/initiation_flux/
http://openweb.eu.org/articles/initiation_float/
http://openweb.eu.org/articles/initiation_absolue/
http://openweb.eu.org/articles/dimensions_boites_css/

ainsi que ce billet parce que sans, il va être très fastidieux de tout t'expliquer. Smiley confus
Modérateur
bonsoir,

je te propose aussi de te pencher sur la façon de coder ta page , tu est aussi victime de ton editeur Smiley smile .

pas de titre , les liens peuvent etre inseré dans une liste , le code et l'affichage n'ont pas le même flux ... , tu peut mettre ton adresse dans une balise <address> par exemple , l'image qui sert de cadre peut-etre passé en fond ...
tu peut simplifier le code html , et en respectant le flux de lecture ou d'affichage voulu , tu n'auras plus a utiliser le positionement absolu.

++

Si cela te fait trop de chose a la fois , je peut eventuellement te proposer une reprise de ton code html et css , a prendre comme un exemple possible.
Sujet clos
Aller à