[CSS] Alignement Vertical impossible ?

Marsh Posté le 26-10-2004 à 02:15:51

Bonjour.

J'ai un petit soucis :

je cherche à aligner une image qui peut prendre 2 tailles, qui sont en fait la même image en paysage, ou en portrait.
(X * Y ou Y * X)

Cette image, j'aimerais la centrer, horizontalement et verticalement à l'intérieur d'un bloc carré de taille fixe.

Est-ce impossible ?

(En effet, j'aimerais simplement dire aligner au centre, horizontalement et verticalement. Mais malheureusement l'alignement vertical en CSS c'est pas trop ça).

PS: Mon idée c'est de générer avec PHP le code correspondant suivant l'orientation de l'image. Mais alors, je devrais utiliser l'attribut style et je trouve ça pas très carré.

Merci d'avance !

Message édité par bolomatic le 26-10-2004 à 02:22:23

---------------
Feedback (avant 2011)

Reply

Marsh Posté le 26-10-2004 à 02:15:51

Reply

Marsh Posté le 26-10-2004 à 11:32:50

Citation :

Cette image, j'aimerais la centrer, horizontalement et verticalement à l'intérieur d'un bloc carré de taille fixe.

Utilise la marge négative :

Code :

position:absolute;
top:50%;
left 50%;
with: 500px;
height:200px;
margin: -100px 0px 0px -250px;

de tete ...

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.

Reply

Marsh Posté le 26-10-2004 à 14:27:04

Merci, j'ai fini par utiliser un table...

Ta solution je l'utilise déjà, mais positioner un bloc dans un autre avec absolute c'est pas possible.
Avec relative ? la taille de l'image n'est pas constante.

Merci quand même.

---------------
Feedback (avant 2011)

Reply

Marsh Posté le 26-10-2004 à 14:29:25

Bolomatic a écrit :

Ta solution je l'utilise déjà, mais positioner un bloc dans un autre avec absolute c'est pas possible.

???? et pourquoi ça ???

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.

Reply

Marsh Posté le 26-10-2004 à 14:47:05

Lorr Hyde a écrit :

???? et pourquoi ça ???

Quand j'utilise absolute, il me positione le bloc par rapport à toute la page
EDIT: et pour couronner le tout, il faut la taille de l'image, que je n'ai pas. Même s'il n'y a que 2 possibilités.

Message édité par bolomatic le 26-10-2004 à 14:48:07

---------------
Feedback (avant 2011)

Reply

Marsh Posté le 26-10-2004 à 15:11:05

Bolomatic a écrit :

Quand j'utilise absolute, il me positione le bloc par rapport à toute la page
EDIT: et pour couronner le tout, il faut la taille de l'image, que je n'ai pas. Même s'il n'y a que 2 possibilités.

position:absolut c'est par rapport au parent ..
donc un DIV conteneur ...

MAIS, car il y a toujours un mais,
le parent doit également être positionner ...

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.

Reply

Marsh Posté le 26-10-2004 à 15:47:11

Lorr Hyde a écrit :

position:absolut c'est par rapport au parent ..
donc un DIV conteneur ...

MAIS, car il y a toujours un mais,
le parent doit également être positionner ...

:jap:

---------------
Feedback (avant 2011)

Reply

Marsh Posté le 01-02-2005 à 11:29:33

je me permet de réssuciter de topic puisque google le connait bien (on tombe dessus en cherchant "alignement vertical css" )

voici une page qui donne une solution (crado à mon avis, mais bon, ca marche) : http://www.jakpsatweb.cz/css/css-v [...] ution.html

merci à FlorentG :jap:

maintenant, c'est vrai que vu la solution, l'utilisation d'une table est pas forcément plus mauvaise

Message édité par benou le 01-02-2005 à 11:34:43

---------------
ma vie, mon oeuvre - HomePlayer

Reply

Marsh Posté le 01-02-2005 à 11:33:47

avec le point à la fin de ton URL on a un joli "404 stránka nenalezena"

le bon lien est http://www.jakpsatweb.cz/css/css-v [...] ution.html