[CSS] height d'un div reglé par expression

height d'un div reglé par expression [CSS] - HTML/CSS - Programmation

Marsh Posté le 30-08-2003 à 17:06:12    

Alors voila en gros j'ai 3 divs sur ma page dans ce genre la:

Code :
  1. -----------------------------------
  2.             TOP 
  3. -----------------------------------
  4.           CONTENT
  5. -----------------------------------
  6.            BOTTOM
  7. -----------------------------------


TOP et BOTTOM ont des hauteurs fixes et CONTENT doit prendre tout le reste. Ces trois divs sont positionnées en static.
 
Alors pour la hauteur de CONTENT j'ai fait ça:

Code :
  1. height:expression(document.body.clientHeight < 700?(document.body.clientHeight-155)+"px": "auto" );


Mais ça n'a l'air de ne marcher que sous IE. Comment faire pour les autres navigateurs?


Message édité par anapajari le 30-08-2003 à 17:07:19
Reply

Marsh Posté le 30-08-2003 à 17:06:12   

Reply

Marsh Posté le 30-08-2003 à 17:22:59    

window.innerHeight


---------------
Faux & usage de faux ¤ Machins roses ¤ ASCIImage ¤ HFR Enhance v0.8.6
Reply

Marsh Posté le 31-08-2003 à 13:08:38    

Merci mais non, l'idée c'est quand même que c'est des CSS ce que j'ai ecrit. Aucune envie de faire ça en js!
 
J'ai utilisé expression dans ma css parce que ça marche avec IE mais je ne sais pas comment obtenir le même resultat qui marche sur d'autres navs toujours en css.

Reply

Marsh Posté le 31-08-2003 à 13:50:06    

Pour les autres :
 

div#content {
  position: absolute;
  top: 100px;
  bottom: 100px;
}


 
 
(en supposant que TOP et BOTTOM font 100px de haut)


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

Marsh Posté le 31-08-2003 à 16:11:35    

l'inconvénient c'est que du coup je suis obligé la div en absolute chose que je voulais éviter. Mais bon si il n'y a pas d'autres solutions on va faire comme ça ...

Reply

Marsh Posté le 31-08-2003 à 19:34:13    

Et il se passe quoi sans Javascript   :pt1cable: ?

Reply

Marsh Posté le 31-08-2003 à 21:23:13    

bin rien de bien méchant, ça reste tout a fait lisible.
En effet la hauteur du div central n'est pas reglée, donc le BOTTOM n'est plus en bas de l'ecran mais en bas de la page!

Reply

Marsh Posté le 01-09-2003 à 00:17:25    

Ma fois je te conseil de faire comme gm_superstar te le propose.
 
 :bounce:

Reply

Sujets relatifs:

Leave a Replay

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