[Résolu]Je désire un alignement spécial

Bonjour.

Difficile d'exposé mon probleme avec des mots.
j'ai un header, un contenu un bottom.

mon contenu est constitué de deux blocs div (l'un a coté de l'autre)
mon premier div devra etre aligné au centre de la page et le deuxieme devra se coler au premier sans décentrer le premier.

j'avais dit que c'était tordu.

je vous joint 2 images.
1.Pour le resultat obtenu
2. pour le resultat désiré (merci toshop)

Modifié par LouNeY (15 Aug 2007 - 23:34)

Bonjour,

C"est flexible, c'est fixe ?
Les dimensions ?

Tordu ?

Plusieurs solutions s'offrent à toi.
Une marge gauche sur le bloc central.
Une 1re <div> à gauche du bloc central.
 
Modifié par Gihef (15 Aug 2007 - 20:23)

Gihef a écrit :
Bonjour,

C"est flexible, c'est fixe ?
Les dimensions ?

Tordu ?

Plusieurs solutions s'offrent à toi.
Une marge gauche sur le bloc central.
Une 1re <div> à gauche du bloc central.

mes deux divs au centre (entre header et bottom) de la page sont
1. la video(id: contenu)
2. les commentaire lié a la video (id :comments)

les deux ont des valeur fixe en largeur et hauteur
id contenu: 510 * 344
id comments 240 * 344
(ces valeurs sont en pixels (px))

la marge gauche sur le premier cadre comme tu l'as envisagé ne marche pas.
sauf si je mets une valeur fixe biensur. (mais je desirerai, que la video soit toujours au centre comme le header et le bottom, peut importe les resolutions des utilisateurs, ce qui pimente les choses)

le div a gauche, j'y ai également pensé. ca donnerai un design a 3 colones.

le soucis est pour quelquun avec une ptite resolution, ca l'obligerai a utiliser la barre de defilement pour centrer son navigateur sur ma page.


en gros je pensais à un syteme ou je centrais mon div contenu en margin left et right en auto. et que par MAGIE (lol), j'aurai pu collé mon div comments juste a droite de mon div video sans alterer son alignement au centre de la page. (une superposition sur la marge droite ????)

Comment faire ?
Je ne vois pas.
Tu as déjà 2 blocs de dimensions fixes : 510px et 240px.

Si tu veux les centrer, tu as besoin de 240px à gauche.
Et donc, éventuellement, tu peux les placer dans un #conteneur de 240 + 510 + 240 = 990px.
Tes visiteurs avec des résolutions inférieures auront le scroll du bas.

Ou alors tu t'arranges pour avoir 125px de chaque côté : 125 + 510 + 125 = 760px.

Ou alors, tu t'arranges pour avoir des même% de chaque côté : même% + 510 + même% adapte les blocs extérieurs.
Quelle que soit la résolution.
 
Modifié par Gihef (15 Aug 2007 - 23:02)

j'ai finalement fait une 3e colonne a gauche ^^

Bonjour,

Je relance sans avoir testé mais sait-on jamais. J'imaginerais un conteneur de la taille de ta vidéo (H et L), en margin: 0 auto pour le centrer à la page. De mettre ce conteneur en position relative, puis à l'intérieur placer tes 2 divs #video et #commentaire en absolute.

#video reprendrait la taille du conteneur en abscisse et ordonnée 0
#commentaire reprendrait serait décalé par un left de 510 px (la L de #video).

Qu'en dis-tu ?

Sur le papier cela semble parfait

Faut voir.