28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai une série de blocs de taille identique mais au contenu différent et je voudrais pour chaque bloc mettre un texte toujours à la même position.

Explications en image :

http://img580.imageshack.us/img580/341/exptxt.jpg

Quel que soit le contenu, je voudrais que ce texte fixe soit toujours là.

J'ai essayé avec des position: absolute; et des margin mais ça n'a pas marché, je sais pas quoi essayer d'autre Smiley decu
Modifié par Relax (17 Aug 2010 - 11:16)
Hello,

Relax a écrit :
J'ai essayé avec des position: absolute; et des margin mais ça n'a pas marché
Le positionnement absolu est pourtant la solution mais pour que cela fonctionne il faut mettre chaque bloc conteneur en position:relative pour qu'il serve de référence à ce positionnement absolu.

Un pitit exemple :
.texte {
	float: left;
	width: 400px;
	min-height: 600px;
	position: relative;
	padding: 5px 5px 2em;
	margin-right: 10px;
	border: 1px solid grey;
}

.fixe {
	position: absolute;
	bottom: 4px;
	right: 4px;
	margin: 0;
	color: red;
}
<div class="texte">
	<p>Lorem Ipsum</p>
	<p>Lorem Ipsum</p>
	<p>Lorem Ipsum</p>
	<p class="fixe">Texte fixe</p>
</div>

(Re)lire le Guide de survie du positionnement CSS.
Modifié par Heyoan (17 Aug 2010 - 11:27)