Ecrire dans le bas d'une div [XHTML/CSS] - HTML/CSS - Programmation
Marsh Posté le 09-07-2003 à 21:29:31
FAQ > De la bonne utilisation de vertical-align
Marsh Posté le 09-07-2003 à 21:39:42
na franchement je vois pas > table-cell ça donne donc comme une cellule et moi je dis avec vertical-align:bottom que l'on doit aligner en bas dans la cellule
Marsh Posté le 09-07-2003 à 21:42:12
Tu devrais lire attentivement...
Marsh Posté le 09-07-2003 à 21:47:51
Citation : |
bon ben je vois pas ce qu'il y a d'autre à part ça, et qu'est-ce que je fais pas qu'il y a d'écrit...
Marsh Posté le 09-07-2003 à 21:54:04
Oui mais quand tu écris ceci :
ANTSite a écrit : na franchement je vois pas > table-cell ça donne donc comme une cellule et moi je dis avec vertical-align:bottom que l'on doit aligner en bas dans la cellule |
tu sembles AFFIRMER que vertical-align DOIT fonctionner pour un DIV. Ce qui est faux.
Et pourquoi tu veux pas utiliser table-cell ?
Marsh Posté le 09-07-2003 à 21:55:59
bon je reprends car on a du mal se comprendre : biensur que je veux utiliser table-cell, puisqu'il le faut, à aucun moment je l'ai nié!
Dans mon code dans le premier post il y ait! Donc en se basant sur ce code ci dessus, vois-tu mon erreur ?
Marsh Posté le 09-07-2003 à 21:58:54
Bon, la journée a été dure. Il faut que j'apprenne à lire calmement
Ton problème ne vient pas de vertical-align ni de table-cell, ton DIV ne doit pas faire 100% de la hauteur. Quand on écrit height: 100%, le navigateur prend 100% de la hauteur de son parent, donc il faut que le parent ait lui-même une hauteur suffisante.
Marsh Posté le 09-07-2003 à 22:01:01
tiens regarde sur cette page : http://antnet.no-ip.com
la div en rose c'est celle là qui est à 100% ça à l'air de lui donner une hauteur comme il faut non ?
Marsh Posté le 09-07-2003 à 22:09:30
Dis moi, dans ce cadre rose il n'y aura que "Made by ANT" ?
Marsh Posté le 09-07-2003 à 22:10:54
oui, une seule ligne en tout cas (j'ai comme l'impression que tu vas me dire > te prends pas la tête fais un position:relative
Marsh Posté le 09-07-2003 à 22:17:23
Gagné ! Dans ce cas, je me permet de remettre mon :
gm_superstar a écrit : Tu devrais lire attentivement... |
On est dans le cas où la hauteur du bloc est connue, vu qu'on connait la quantitié de texte qu'il y a dedans
Marsh Posté le 09-07-2003 à 22:19:08
ok ok
tiens en parlant de la position relative, j'ai placé un bloc à environ 150px de sa position d'origine en top, et avec mozilla quand on sélectionne tout le site y a un carré noir qui apparait à l'emplacement original de la div déplacée... (pas sous IE)
C'est pas genant mais je sais pas tu en dit quoi ?
edit: tu peux tester sur la même page
tiens aussi sous IE / Moz y a environ 3px de décalage avec mon position:relative;top:21px...
Marsh Posté le 09-07-2003 à 22:24:57
C'est quel bloc
Marsh Posté le 09-07-2003 à 22:25:50
je rectifie > c'est sous IE et pas sous moz que y a un carré noir.
le bloc qui est au milieu où il y a le menu
Marsh Posté le 09-07-2003 à 22:27:10
Ah OK. Ben j'ai pas IE là, donc je regarderai demain, mais a priori ce n'est pas choquant, vu qu'un bloc déplacé avec "position: relative" ne libère pas la place qu'il occupait.
Marsh Posté le 09-07-2003 à 21:22:31
Salut,
Comment écrire dans le bas d'une div ? Sachant que ma div a comme style: height:100%
En allant voir la faq j'ai vu display:table-cell mais je n'arrive pas à l'employer correctement avec vertical-align:bottom
<div style="height:100%;display:table-cell;vertical-align:bottom;">
le texte qui doit être en bas
</div>
merci
ANT