28220 sujets

CSS et mise en forme, CSS3

L'éternel problème du centrage vertical dans un conteneur...

Bonjour à vous, pros de l'html Smiley langue

Je viens de me confronter à une limite que m'impose IE, à savoir l'impossibilité d'utiliser un table-cell... -_-
Car voilà... Pour centrer verticalement un texte dans un <dd>, un <li> ou autre possedant une hauteur fixe , il suffirait de placer un table-cell et un vertical-align et le tour est joué, seulement IE en a décidé autrement.

J'ai posté sur le forum de Hardware.fr à ce propos et ai finalement trouvé la même problématique posée par un autre posteur, mais le sujet est un peu plus évolué, voici les deux liens:

Lien 1
Lien 2

J'en profite d'ailleurs pour améliorer le mien. Smiley langue
Avez-vous déjà rencontré cette impasse ? Y avez-vous trouvé une issue potable ?

"Nerf IE"
;D
Modifié par Nigel (06 Nov 2005 - 09:03)
slt,
tu as essayé de mettre :

<p style="margin: 0px; padding: 0px; vertical-align: middle;">
texte
</p>

?
mais peut-être que ça ne marchera pas je suis pas un spécialiste CSS :s
J'ai étudié tous les cas, mais... le coup du line-height avec Vertical-align me pose problème dans le sens où je vais avoir plusieurs lignes de texte dans mon conteneur. Smiley smile Imaginez donc ce que le line-height va engendrer ^^
L'autre (hack et display:inline-block) me pose problème dans le sens où... ça ne marche pas avec du texte. Smiley ohwell

Résultat, je m'oriente vers les tableaux.. Smiley ohwell
(Nerf IE, encore une fois, pour le plaisir)

Rah, il suffirait que IE gère les table-cell... -_-
Modifié par Nigel (08 Nov 2005 - 11:48)
Pour ma part, je me suis résolu à utiliser du javascript (voir mon site). Dans mon cas cela ne concerne que le centrage d'image. Mais je pense que la méthode peut être utilisée pour centrer un div. On me reprochera surement que cela ne fonctionne pas si JS désactivé, mais bon je prends le risque.

Vue sur ton site Nigel : Le résultat du sondage sur le système d'exploitation le + mauvais, me laisse perplexe, on dirait que l'ordre est inversé Smiley langue
Modifié par Merlin (08 Nov 2005 - 16:16)
HS: La vache, je n'avais pas vu la montée de Linux... X_x

Pour le coup du javascript... Je prefere utiliser un tableau à ce niveau là. ^^
Ca ne pose pas de problème en tableaux... Mais bon. J'aurais largement préféré trouver une solution de rechange en CSS...

Merci à vous !
Modifié par Nigel (08 Nov 2005 - 17:18)
Sujet clos
Aller à