28220 sujets

CSS et mise en forme, CSS3

Centrer verticalement bloc de taille inconnue dans bloc

Bonjour !

J'aimerai centrer verticalement ma page web. J'ai lu les astuces mais aucune ne parle du cas ou la taille du bloc est inconnue et s'adapte au contenu. Qqn saurait m'aiguiller ?
Modifié par AlphaYoDa (30 Aug 2005 - 19:27)
Modérateur
essaie cette page, et met ce que tu veux dans le conteneur devant rester au centre theoriquement
<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<title>balle au centre</title>

<style type="text/css" >

/* CSS Document */


</style>

</head>

<body>
<div style="position:absolute;top:50%;left:50%; margin:-12.5% 0 0 -12.5% ;">


blablabla blabla arf ! <br/>j'irai bien voir a coté, mmpff, ...<p>laisser moi 

sortirrr!</p>

</div>
</body>
</html>


a plus,
a tester et a creuser ! .. Smiley smile c est pas encore la soluce
C'est bien là le problème, et il a dit qu'il n'avais pas la soluce absolue ; le "margin: auto", quand tu donnes une dimension à ton élément ne marche que dans le sens horizontal, et le "vertical-align: middle (ou center?)" ne marche que dans les cellules de tableau...
Modifié par Macpom (31 Aug 2005 - 10:47)
Modérateur
bonjour,
a écrit :
Et que se passe-t-il quand le conteneur en question fait 2 ou 3 écrans de haut ?


essais, Smiley smile dans tout les cas, ça scroll Smiley biggrin .

Je ne pense pas qu'il y ait de solution en css pur, car que l'on peut positionnée un element qu'a partir de son point haut et gauche , pas de son point centrale ... , et puis, "xhtml" et "css" ne sont pas des langages de programmations .

a plus
Sujet clos
Aller à