28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai besoin pour un site de mettre des blocs alignés de la façon suivante:

http://ptiste.com/asup.jpg

J'aurais voulu savoir quel était le meilleur moyen de m'y prendre en css

J'ai crée un conteneur pour le tout.
Puis au début j'avais commencé en mettant mes 2 éléments du haut en float left avec une margin pour le 2ème et l'élement de droite en float right

Mais comme il semble y avoir 2 grands blocs principaux. Je me demande si je ne devrais pas mieux mettre les deux images de gauche dans un sous bloc et les 7 images de droite dans un autre sous bloc.

http://ptiste.com/asup2.jpg

Qu'en pensez vous ?

Dois-je ensuite positionner en absolute ou en relatif par rapport aux sous blocs ?
Est-ce une bonne idée ?

Merci par avance de vos réponses

Cotp
Modifié par Cotp (05 Nov 2010 - 10:39)
Bonjour Cotp,
L'idéal est effectivement de faire un div gauche et un div droite avec un float left pour chacun. Ensuite, pour le div gauche pas de souci mais pour le div droite, tu mets tous tes éléments en float left et pour chaque retour à la ligne, tu fais un clear: both.
Le positionnement relatif ou absolute est utile lorsque tu souhaites superposer deux éléments ou lorsqu'un élément doit rester fixe dans la page, ce qui n'est pas ton cas. Donc pas besoin.