Bonjour, voilà j'ai encore un problème avec mon site, pour des raisons pratique ( pour pas a avoir à faire des padding trop gros pour mes a qui après on devrait sauter des lignes pour les mettres ) j'ai découpé mon design en 3 parties, mais j'aimerai maintenant tout centrer.

Le site : http://www.eyboz.com/Eyboz/

Le code Html : http://wall.deblan.fr/x20f4/html/1/

Le code css : http://wall.deblan.fr/x20f5/css/1/

Merci à vous.

Salut,

tu dois virer le "display: inline" de la div #conteneur. Je ne vois même pas ce qu'il vient faire là.

Car en mettant display: inline; tu ne peux pas lui attribuer ni une taille, ni des marges, ...

Ah je me disais aussi à quoi cela pouvait servir, un ami programmeur ( qui par la même occasion, programme comme un cochon ^^ ) m'a dit de faire ça, j'ai juste oublié de l'enlever. Je vais voir sans si j'arrive a faire quelque chose.

J'arrive toujours à rien.

Ha oui ok je vois le souci...

Je vais te montrer l'astuce mais j'ai besoin de savoir si ton design est fixe ou fluide.

Fluide ? C'est à dire ?

S'il s'adapte à la largeur de l'écran ou non. Mais ça n'a pas l'air d'après ton site actuel.

Je termine un exemple de ce que tu désires en fixe et je te montre ;)

Bah j'aimerai bien qu'il s'adapte à l'écran, oui.

html : http://pastebin.com/N0Z26a80
CSS : http://pastebin.com/SSw0Yei7

Bon c'est du brut hein, les couleurs c'était pour te montrer le comportement.

Mais là je viens de re-regarder et ton site et je comprends pas pourquoi tu t'embête à faire 3 colonnes... Tu fais une seule image de fond que tu répètes en y sur une seule div et souci réglé.

En revanche si tu veux du fluide là ça se complique un peu plus mais c'est pas non-plus infaisable, sauf que je ne pense que pas que la hauteur des div sera toujours la même sur les trois colonnes.

Donc l'astuce que je te propose pour que ce soit simple c'est de faire du CSS3 ;) Mais ça risque d'être mal interprété sur les anciens navigateurs... Mais ça te facilitera la tâche à fond !

Houla tant de lorem ipsum

Par contre je comprends pas ton histoire de 3 colonnes ? Je fais trois colonne pour éviter que par exemple imagine je veux mettre un lien en millieu de phrase, il va avoir un padding-left de 110px, ce que je ne veux pas.

C'est en mettant du lorem ipsum que l'on voit le comportement du site dans toutes les conditions.

Hein ? Là j'ai rien compris à ton histoire de lien avec une marge de 110px... Je ne te parle pas de contenu mais de design. Tu as coupé le fond en trois. C'est inutile ! Une seule image le fait tout aussi bien...

Si tu tiens à le couper en trois tout de même (ça reste la même technique qu'avec une image mais en CSS3 obligatoirement donc moins bien compatible avec les navigateurs)

http://pastebin.com/XxHT0KuS
http://pastebin.com/g5bPmu7P

Si tu fais une seule image au final (ce que je te conseil très fortement) Tu utilises le même CSS mais tu ne mets qu'une seule image en background avec :
background: url('#') top center repeat-y;

Je ne peux pas faire a

vec une seul image car sinon je dois mettre un padding sur chaque champs de texte.

Pas nécessairement ;)

Tu peux aussi faire une div intérieure à celle qui comportera le fond et qui sera de taille pour seulement la zone désirée en centrée.

Ainsi plus de padding mais une div de plus. Et cela permet de faire répéter votre fond quelque soit la taille du contenu.

ça : http://img11.hostingpics..net/pics/509757divinterne.jpg

le code :
html : http://pastebin.com/vZ89qtbf
CSS : http://pastebin.com/mwKutZfv

Personnellement c'est comme cela que je ferais.

Merci j'ai réussi grâce à toi, merci, vraiment ^^

Par contre, j'ai oublier de le mettre en une seul image, et je comprends pas vraiment, je mets mon background dans le pour fond ? ou dans le contenu ?

En fait, j'arrive pas a afficher le background maintenant du coup.

Ohlala je suis fatigué, j'ai fail dans mon emplacement du background. Excusez moi de ce mini flood.

Sinon il y a les balises <center>

Nuteylla Pourquoi tu t'obstines à faire des sites web si tu comprends pas comment ça marche ? Sur le post d'avant (ou tu galéré pour ton menu) je t'ai donné la solution. Ici c'est la même chose... Tu crée une div wrap.