Vous n'êtes pas connecté - 2 Membres connectés
Catégories
Graphisme
Flash (51)
Print (66)
Programmation
PHP (66)
ASP (2)
Autres langages (41)
CSS (26)
Hardware
PC (34)
Mac (14)
Linux (5)
Divers
Blabla (261)
933 Sujets
12344 Réponses
Programmation > Autres langages > hauteur css
hauteur css
hello les amis,

j'ai juste une question qui je pense sera assez rapide en css, j'ai un flash qui fais 100% de la largeur, et j'aimerai que ce dernier fasse 100% de la hauteur également (jusque là pas de problème) moins la hauteur de mon footer (qui est en dehors du flash pour diverses raisons

si vous avez une super solution pour que ça marche au resize sans trop me prendre là tete ça serait de la balle.

Merki.
Posté le 11 01 2008 à 12h38
Neoblue - Modérateur - www

Réponses - hauteur css
Ajax est ton amant :D regarde du côté de jquery dot com.

(ed: genre quand l'évènement resize arrive, hop hop redimensionnator)
Posté le 11 01 2008 à 12h53
o0o - Administrateur - www
obligé de passer par de l'ajax ? pfff :'(
Posté le 11 01 2008 à 14h38
Neoblue - Modérateur - www
non tu peux aussi faire du javascript et utiliser le dom, mais tu dois réinventer la roue a ce moment là :D

Cependant, j'ai peut-être pas cerné tout ton problème, un petit dessin vaut mieux qu'un long discours. Ainsi le doctype, et le code html/css peut être la solution toute simple ... ou pas
Posté le 11 01 2008 à 14h43
o0o - Administrateur - www
Ou comment répondre à une question... ou pas! ^^
Posté le 11 01 2008 à 14h57
Arkel - Modérateur
 bon en bidouillant j'ai réussi (et avec l'aide de narno07 sur msn j'avoue)

c'est crado, mais ça passe partout donc ça m'va. pour la soluce, ça donne ça :

la css :
<style type="text/css">    
body {
    background-color: #000000;
    margin:0;
    overflow: hidden;
}
html,body{
    overflow:hidden;
}
#flashcontent {
    width: 95%;
    height: 100%;    
    overflow:none; 
    bottom:40px;    
}
#footer {
    width: 100%;
    height: 40px;
    border:1px solid blue;
    bottom:0;
}

#flashcontent, #footer {position: absolute; width: 100%;}
        
.style1 {color: #FFFFFF}
</style>


le html

</head>
<body scroll="no">
<div id="flashcontent">flash</div>
<div id="footer"></div>
</body>
</head>
Posté le 11 01 2008 à 14h59
Neoblue - Modérateur - www
comment ca crado, espece de vaurien :)

EDIT : que du CSS et un attribut scroll=no sur le body, je vois pas ce qui est crado moi :)
Posté le 11 01 2008 à 15h00
Narno - Modérateur - www
"Ou comment répondre à une question... ou pas! ^^ "

plutot comment répondre à une non-question :p

ed: on parlera pas des compatibilités visuelles inter-browser.
Posté le 11 01 2008 à 15h08
o0o - Administrateur - www
je sais si çà peux aider mais perso j'utilise une petite technique : html, body {height: 100%;}
Posté le 11 01 2008 à 16h56
senkante - Membre
Sujets Autres langages
<< 1 2 ... 4 5 >>
[résolu]lightbox + (...)
Auteur : veensez
Posté le 27 08 2006 à 17h35
4 Réponses (Nouveau sujet)
Sujet visité 1484 fois

Sujet bloqué
<< 1 2 ... 4 5 >>
Mentions légales   -   Crédits   -   Nous contacter   -   © Benzor 2006