28220 sujets

CSS et mise en forme, CSS3

Centrage vertical sous IE6 = mission impossible

Après moultes recherches, je poste ce message pour signaler l'infaisabilité de ma - pourtant simple - requête: "centrage vertical sous IE6".

Il suffit de lire la page suivante - en utilisant IE6 - pour constater que mon problème n'a pas de solution en CSS.
http://www.student.oulu.fi/~laurirai/www/css/middle/

Toutes les solutions qui marchent sous IE6 ont besoin de connaitre la hauteur du contenu.

Voici un autre exemple venant du W3C - quand même ! - qui ne marche pas sous IE6.
http://www.w3.org/Style/Examples/007/center-example.html

J'avoue avoir été déçu par ce forum où toutes les réponses ont été sur la forme et jamais sur le fond. On m'a renvoyé vers des FAQs inadaptées et des posts sans solution. Il suffisait pourtant de tester mon code sous IE6 ...

Pour rappel, mon code de test :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<style>
	div#bloc1 {height: 440px; text-align: center; background-color: #cc0 }
	div#bloc1 a {line-height: 440px;}			
	div#bloc1 a img {vertical-align: middle; border: none}
</style>
</head>

<body>
	<div id="bloc1">
		<p><a href="#">CSS Mission impossible<img src="http://forum.alsacreations.com/avatars/1-rafcv.jpg" alt="Test" ></a></p>
	</div>
</body>
</html>

Modifié par pat665 (29 Apr 2005 - 06:37)
Sujet clos
Aller à