[XHTML/CSS] Ecrire dans le bas d'une div

Ecrire dans le bas d'une div [XHTML/CSS] - HTML/CSS - Programmation

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

Reply

Marsh Posté le 09-07-2003 à 21:22:31   

Reply

Marsh Posté le 09-07-2003 à 21:29:31    

FAQ > De la bonne utilisation de vertical-align


Message édité par gm_superstar le 09-07-2003 à 21:30:02

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

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  :(

Reply

Marsh Posté le 09-07-2003 à 21:42:12    

Reply

Marsh Posté le 09-07-2003 à 21:47:51    

Citation :


 - soit on ne connait pas la hauteur de l'ensemble du texte, alors on peut donner au bloc la propriété :
 
display: table-cell;
 
de manière à ce que le bloc se comporte comme une cellule de tableau et que vertical-align soit effectif dessus.


 
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...


Message édité par antsite le 09-07-2003 à 21:48:10
Reply

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 ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

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 ?


Message édité par antsite le 09-07-2003 à 21:57:35
Reply

Marsh Posté le 09-07-2003 à 21:58:54    

Bon, la journée a été dure. Il faut que j'apprenne à lire calmement :ange:  
 
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.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

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 ?

Reply

Marsh Posté le 09-07-2003 à 22:09:30    

Dis moi, dans ce cadre rose il n'y aura que "Made by ANT" ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-07-2003 à 22:09:30   

Reply

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  :D

Reply

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 :o


Message édité par gm_superstar le 09-07-2003 à 22:17:58

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-07-2003 à 22:19:08    

ok ok  :hello:  
 
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...


Message édité par antsite le 09-07-2003 à 22:23:45
Reply

Marsh Posté le 09-07-2003 à 22:24:57    

Reply

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

Reply

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.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 09-07-2003 à 22:28:05    

merci pour tout comme d'hab
 
 :hello:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed