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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] 100% - 100px

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] 100% - 100px

n°1752146
Zoltan32
Posté le 27-06-2008 à 10:23:40  profilanswer
 

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
mood
Publicité
Posté le 27-06-2008 à 10:23:40  profilanswer
 

n°1752467
tpierron
Posté le 27-06-2008 à 19:27:54  profilanswer
 

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


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

  [CSS] 100% - 100px

 

Sujets relatifs
[CSS] Marge correcte seulement sur IEProblème d'image background en CSS sortie d'Adobe...
Popup CSS, avec désactivation de la page couranteimbrication de balise CSS
Formattage du texte en CSS avec white-spacePerte d'interactivité sur un bouton en lui appliquant une classe CSS
Div et CSS.... : Problèmes de longueurs[CSS] sortir du flux pour positionner un div en haut de la page
Problème avec les height 100%Probleme CSS entre FF et IE
Plus de sujets relatifs à : [CSS] 100% - 100px


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)