28172 sujets

CSS et mise en forme, CSS3

Centrage vertical d'un Div

bonjour, en cherchant des techniques pour centrer un div dans une page, quelque soit la taille de la fenêtre j'ai trouvé ceci.

ces techniques sont elles toujours d'actualité?, car chez moi ça ne marche pas (ni Firefox, ni Chrome) ...

merci

voici mon code 

<!doctype html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>


<style type="text/css">
div.conteneur { 
  text-align:center; /* centrage horizontal */
}

div.bloc { 
  width:100px;
  margin:0 10px; /* espacement horizontal des blocs */
  border:1px solid #fff;
  display:inline-block;
  vertical-align:middle;
  text-align:left; /* on rétablit l'alignement du texte */
}
</style>
</head>
<body>

<div class="conteneur">
  <div class="bloc">
    <p>Cras mollis [Lorem ipsum dolor sit amet, consectetur adipisicing elit...]</p>
  </div>   
  <div class="bloc">
    <p>Lorem ipsum [ occaecat cupidatat non proident, sunt in culpa qui o...]</p>
  </div>
</div>
</body>
</html>
j'ai trouvé une solution avec jquery qui a l'air de fonctionner partout....


$(window).resize(function(){

    $('.className').css({
        position:'absolute',
        left: ($(window).width() - $('.className').outerWidth())/2,
        top: ($(window).height() - $('.className').outerHeight())/2
    });

});

// To initially run the function:
$(window).resize();
Utiliser du jQuery juste pour aligner des div je trouve que c'est une technique assez lourde Smiley ohwell
Mais comme la dit Victor, table-cell est un très bon choix pour l'alignement Smiley smile
Jconline a écrit :
Utiliser du jQuery juste pour aligner des div je trouve que c'est une technique assez lourde Smiley ohwell
Mais comme la dit Victor, table-cell est un très bon choix pour l'alignement Smiley smile


n'importe quoi! lol

jQuery n'est pas utilisé que pour ça...
jQuery est quasi omniprésent dans tout site actuel qui se respecte Smiley smile
je n'ai pas chargé la libraire jquery rien que pour ça, t'inquiète pas
Sujet clos
Aller à