28172 sujets

CSS et mise en forme, CSS3

Aligner un texte en bas d'un bloc

bonjour à tous,
d'après mes différentes recherches au sein du forum, il me semble qu'il n'est pas vraiment possible d'aligner un texte en bas d'un bloc. Or c'est ce que je cherche à faire pour avoir un titre sur plusieurs lignes qui finisse toujours (quelque soit le titre) à fleur d'un bloc d'en dessous. Est-ce que certain d'entre vous on trouvé des parades à ce problèmes?
merci d'avance.
Salut,

tu pourrais utiliser la position absolute :
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css" media="screen">
#global {
	width: 980px;
	margin: 0 auto;
	background: #00CC66;
	min-height: 600px;
	position: relative;
}

h1 {
	position: absolute;
	left: 0;
	bottom: 0;
}

h1 span {
	display: block;
}
</style>
</head>
<body>
<div id="global">
	<h1>
		<span>Blabla</span>
		<span>Blabla</span>
		<span>Blabla</span>
	</h1>
</div>
</body>
</html>
Attention tout de même au effets de bords : lire le Guide de survie du positionnement CSS.
Modifié par Heyoan (05 Sep 2009 - 00:07)
bonsoir ,

j'ajoute une page test avec différentes possibilités et du contenu a coté de ce "titre mis a pied" .


<table> et <div> , <h1> et <p> , display , float , relative , absolu , padding .

Table et <div> peuvent etre le conteneur de la page , le <p> adajcent au <h1> peut-etre un div ...

Ces tests sont a voir au travers de différents navigateurs pour se faire une opinion selon les resultats rechercher .
http://gcyrillus.free.fr/essai/align-bas.html

GC
Sujet clos
Aller à