28172 sujets

CSS et mise en forme, CSS3

Fixer un div en bas d'un TD

Bonjour,

voica ce que j'ai pour l'instant:

.w3cdiv {
	position: relative;
	bottom:-15px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 150px;



ca marche pas car quand j'alonge la page en mettant plus de contenu le div ne descend pas mais reste a la meme place :s
comment je peut faire en sorte que mon div reste en bas du <td>?

Le menu au desus du div se trouve dans le meme td et est a une position vertical-align: top;
c'est pour ca que je peut pas faire vertical-align: bottom;


merci beaucoup pour toute reponse
Modifié par winterboard (08 Jun 2008 - 22:18)
Bonjour,

Soit tu fais deux cellules différentes (une pour le menu en vertical-align: top, et une pour le reste en vertical-align: bottom), soit tu positionnes ta div en absolu et ton conteneur (la cellule du tableau) en relatif.

Pour ce deuxième point, voir du côté d'Openweb, initiation au positionnement CSS, positions relatives et absolues. Ou bien directement dans la spécification CSS 2.1.
Modifié par Florent V. (08 Jun 2008 - 22:54)
Florent V. a écrit :
Bonjour,

Soit tu fais deux cellules différentes (une pour le menu en vertical-align: top, et une pour le reste en vertical-align: bottom), soit tu positionnes ta div en absolu et ton conteneur (la cellule du tableau) en relatif.

Pour ce deuxième point, voir du côté d'Openweb, initiation au positionnement CSS, positions relatives et absolues. Ou bien directement dans la spécification CSS 2.1.


Bonjour, merci pour votre reponse.
si je créé une autre cellule je dois changer complettement la structure du site:
http://www.lou-castelet.fr/project

Il s'agit des images w3c
regardez le code source.

Pour la solution relative/absolute je suis un peu perdu. Pouvez vous me doner un example?

Merci
Florent V. a écrit :


Openweb: http://openweb.eu.org/articles/initiation_absolue/
Plus d'infos: http://web.covertprestige.info/test/12-positionnement-absolu-selon-conteneur.html

PS: j'ai édité le titre du sujet conformément aux règles du forum. Cf. http://forum.alsacreations.com/help.php#regle11


voila ce que ca donne pour l'instant Smiley ohwell :
http://www.lou-castelet.fr/project/standartpagebar.html

j'ai fait le meme truc de positionnement pour la barre rouge que tu vois au milieu de la page... ca casse toute la page!
peut tu regarder mon code et voir comment regler tout ca.
les divs interieurs se reglent toujours par raport a la fenetre. pas le conteneur ... Smiley decu
Hmm... effectivement, ça ne marche pas des masses. La cellule du tableau n'a pas l'air de réagir correctement comme conteneur positionné. Peut-être ne peut-on pas positionner en relatif une cellule de tableau?

Désolé, je suis nul en tableau de mise en page. Comme je n'ai jamais utilisé cette méthode archaïque de mise en page, ses subtilités et bugs spécifiques me dépassent un peu. Smiley sweatdrop
Florent V. a écrit :
Hmm... effectivement, ça ne marche pas des masses. La cellule du tableau n'a pas l'air de réagir correctement comme conteneur positionné. Peut-être ne peut-on pas positionner en relatif une cellule de tableau?

Désolé, je suis nul en tableau de mise en page. Comme je n'ai jamais utilisé cette méthode archaïque de mise en page, ses subtilités et bugs spécifiques me dépassent un peu. Smiley sweatdrop


merci pour la reponse rapide Smiley smile

peut tu me dire quel structure je devrai alors adapter? un list?
Sujet clos
Aller à