[CSS] 100% - 100px

100% - 100px [CSS] - HTML/CSS - Programmation

Marsh Posté le 27-06-2008 à 10:23:40    

Bonjour à tous.
 
Sur ma page j'ai un header mesurant 100px de hauteur (tous les élements mesure 100% en largeur).
Je souhaiterais qu'un flash occupe toute la place restante, soit 100%-100px en hauteur.
Si je mets 100% en hauteur au flash, sans le header il occupe bien toute la page, mais avec il occupe 100px de plus que la hauteur de la fenêtre du navigateur.
 
Voici un schéma :
http://img80.imageshack.us/img80/8797/flash1xf6.gif
 
J'ai tester avec le code proposé ici: http://forum.alsacreations.com/top [...] p=1#p10585.
Ce code fonctionne. :)  
 
Mais le problème survient lorsqu'à la place de <p>blabla</p> (je me réfère toujours au code du lien ci-dessus) je place mon flash :

Code :
  1. <object type="application/x-shockwave-flash" data="carte.swf" width="100%" height="100%">
  2. <param name="movie" value="carte.swf" />
  3. <param name="quality" value="high" />
  4. </object>


 
Dès que je place ceci, le flash déborde de 100px hors de l'écran du navigateur (soit les 100px occupés par le header), donc besoin de scroller si on veut voir le flash dans son intégralité... :sweat:  
Je suis obligé de spécifier width="100%" height="100%" si je veux que le flash prenne toute la place. Sans dimensions sur IE le flash apparaît tout petit, et sur Firefox il n'apparaît plus du tout. :heink:
 
J'ai testé aussi avec des tableaux, mais le Flash ne s'affiche plus, sans compter des problèmes de hauteur sur IE...
 
Merci d'avance pour vos réponses.


Message édité par Zoltan32 le 27-06-2008 à 16:22:50
Reply

Marsh Posté le 27-06-2008 à 10:23:40   

Reply

Marsh Posté le 27-06-2008 à 19:27:54    

Pas trop testé, mais si ta page n'est composée que de 2 éléments visibles (dont l'un est de hauteur fixe), autant mettre ton flash en position absolute, du genre :
 
#tonflash
{
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
}
 
Pas testé.

Reply

Sujets relatifs:

Leave a Replay

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