Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
854 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°452783
antsite
Je me souviens
Posté le 09-07-2003 à 21:22:31  profilanswer
 

  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

mood
Publicité
Posté le 09-07-2003 à 21:22:31  profilanswer
 

n°452803
gm_superst​ar
Appelez-moi Super
Posté le 09-07-2003 à 21:29:31  profilanswer
 

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
n°452841
antsite
Je me souviens
Posté le 09-07-2003 à 21:39:42  profilanswer
 

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

n°452849
gm_superst​ar
Appelez-moi Super
Posté le 09-07-2003 à 21:42:12  profilanswer
 
n°452862
antsite
Je me souviens
Posté le 09-07-2003 à 21:47:51  profilanswer
 

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
n°452881
gm_superst​ar
Appelez-moi Super
Posté le 09-07-2003 à 21:54:04  profilanswer
 

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
n°452886
antsite
Je me souviens
Posté le 09-07-2003 à 21:55:59  profilanswer
 

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
n°452892
gm_superst​ar
Appelez-moi Super
Posté le 09-07-2003 à 21:58:54  profilanswer
 

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
n°452896
antsite
Je me souviens
Posté le 09-07-2003 à 22:01:01  profilanswer
 

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 ?

n°452925
gm_superst​ar
Appelez-moi Super
Posté le 09-07-2003 à 22:09:30  profilanswer
 

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
mood
Publicité
Posté le 09-07-2003 à 22:09:30  profilanswer
 

n°452931
antsite
Je me souviens
Posté le 09-07-2003 à 22:10:54  profilanswer
 

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

n°452960
gm_superst​ar
Appelez-moi Super
Posté le 09-07-2003 à 22:17:23  profilanswer
 

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
n°452966
antsite
Je me souviens
Posté le 09-07-2003 à 22:19:08  profilanswer
 

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
n°452972
gm_superst​ar
Appelez-moi Super
Posté le 09-07-2003 à 22:24:57  profilanswer
 
n°452974
antsite
Je me souviens
Posté le 09-07-2003 à 22:25:50  profilanswer
 

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

n°452978
gm_superst​ar
Appelez-moi Super
Posté le 09-07-2003 à 22:27:10  profilanswer
 

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
n°452980
antsite
Je me souviens
Posté le 09-07-2003 à 22:28:05  profilanswer
 

merci pour tout comme d'hab
 
 :hello:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
CSS XHTML passe sous IE mais pas sous netscape[xhtml] cellspacing, padding, colspan... ils deviennent quoi ? [end]
[CSS] Faire un Halo autour du texte [ - Impossible - ][XHTML] Mettre une image de fond dans un div ou des cellules...
[ XHTML / CSS ] Taille en pourcentage...[PYTHON] Ecrire dans le clipboard de X
[C++] [newbie] écouter et écrire sur un port série.[XHTML/JS] onresize="" pas compliant....
Plus de sujets relatifs à : [XHTML/CSS] Ecrire dans le bas d'une div


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR