Discussion :

[Jonathan.djeff]

Bonjour

j'essaie de m'initier un peut au CSS (aïe) et j'ai déjà un petit souci,

j'aimerai aligné (centré) le contenu (imagewrapper) sur le lien suivant
http://www.niyona.be/instagram/test1/niyona.php

quand je n'utilise pas les div photos cela fonctionne mais dès que je les ajoutent il y a un problème.

http://www.niyona.be/instagram/test1/style.css

L'effet est sinon ok, cad que les images se remplissent sur lécran et qu'il n y a pas de scroll.
Mais j'aimerai donc aligné le tout de manière centré.

Avez-vous une idée de l'erreur?

merci

[Jonathan.djeff]

peut-être important a mentioné...
j'aimerai avoir un effet final de "grid" qui se construit du milieu d'ecran (horiz, vertical). Donc idéalement avoir un bout d'image en haut/bas/gauche/droit.
Comme si le grid continue en dehors de l'écran.

Peut-être que mon approche n'est alors pas bonne.

[Invité]

Bonsoir,
essaye avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
#imagewrapper {
	position: absolute;
	width: 2000px;
	left: 50%;
	height: 900px;
	top: 50%;
	margin: -450px auto auto -1000px;
}

[Bisûnûrs]

As-tu réellement besoin de tes div "photo" ? Il ne me semble pas, puisque tu peux reporter les styles sur le lien ou l'image. Ca éviterait d'avoir un float:left et il te resterait plus qu'à mettre un text-align:center sur le div "imagewrapper" (que tu as déjà).

[Jonathan.djeff]

super!!
effectivement vos deux réponses m'aident a peaufiner mon CSS!

merci

[Bisûnûrs]

Le problème de la solution de jreaux62, c'est que tu ne t'adaptes pas à toutes les résolutions, que tes images sont coupées sur les côtés, et que si tu ne mets pas plus d'images, on en voit la fin sur la dernière ligne (pour les grandes résolutions).