Reprise du message précédent :

la page est pas online (la semaine passée c'était ultra urgent et la ils branlent plus rien ...   )

edit: au debut je soupçonnais ça -- y'avait effectivement un truc qui allait cacher des choses avec des padding negatifs... mais après désactivation du javascript (qui generait ces éléments douteux), le probleme apparait toujours.

dites, une question CSS de base, comment je peux dire en CSS "tout l'espace qu'il reste dans le parent" ?  
 
j'ai ça :

et je veux que map_canvas prenne toute la place dispo verticalement (mais sans jamais scroller, c'est un viewport de map) en-dessous du header.

 
Fait le en js, de toute façon t'aura besoin de savoir quand la fenêtre se resize pour (entre autre) le dire à la map. T'as un event resize sur window pour ça.

et CSS peut pas le faire pour moi ?

bah si la hauteur du header est fixe :

#map_canvas {
position:absolute;
top: 60px;
bottom: 0;
}

Mais si ma mémoire est bonne IE aime pas trop, et ça nécessite de connaitre la hauteur du header et de jamais oublier de la mettre à jour quand on redesign le header.

et si le header est un simple block dont la taille est variable ?

(la géométrie est sur mecouilles.com, j'utilise le même template.)

Remplir des blocs en hauteur de taille variable c'est la merde en CSS.

trop fort CSS

en meme temps, faut admettre que t'essaie pas d'adapter la tournure d'esprit c'est *pas* une soluce de mise en place de gui.
 
http://www.tutwow.com/tips/quick-tip-css-100-height/ ?

j'm'en fous je fais une carte avec HTML5, *tous* les gens qui mettent des cartes actives sur leur site on le même problème : t'as plus de droit d'avoir un scroll quand t'as une carte, mais la taille du viewport de la carte doit s'adapter à la taille de l'écran, et tout le scrolling (panning en l'occurrence) se fait sur la carte

Fais avec une <table>

 
HTML, enfin plus précisément le modèle de layout de CSS n'a pas été conçu pour faire des cartes, il a été fait pour mettre en page des documents, avec la taille du document dirigé par le contenu et pas l'inverse (l'inverse eut été le modèle de layout de swing, qui, la plupart du temps, alloue un espace fixe du parent vers les enfants avec en conséquence inverse du contenu coupé parce qu'il rentre pas dans l'espace alloué, sauf si tu négocie l'espace avec du scroll).
Le layout en CSS pur, c'est à peu près le seul modèle sans-code, pour faire des gui tout le mode utilise des système avec du code, pas juste des déclarations et un modèle fixe. Le code est ouvert à l'extension, tu peut toujours coder un nouveau layout manager quand t'as pas ce que tu veux, mais personne n'a réussit à faire le layout manager déclaratif idéal qui fait tout. En HTML la solution équivalente c'est d'utiliser JS, pas d'espérer que CSS soit le layout manager déclaratif idéal qui fait tout et de se plaindre quand ça n'est pas le cas.
 
Et encore une fois, de toute façon tu finira par utiliser JS, vu que tu devra appelle map.checkResize().

Ben tu n'as qu'à mettrel'id en variable d'entrée de ta fonction

Mouais... On oublie trop souvent que les possibilités vont loin, un peu de position absolute ou fixed, et ça roule. C'est IE6-7 le problème dans l'équation

en directe des images étonnantes, un nouveau concept de navigation à la molette : http://2011.beercamp.com/
  excellent

 
Han je kiff meme si sous chrome ca lag j'ose pas imaginer sous IE6.    
 
QQun a un lien pour un tuto pour qqch pareil?

Ça fonctionne pas du tout sous IE6. Ça fonctionne même pas sous FF3.0

Ah c'est toute suite bcp moins utile  

salut,  
je voudrais demander une formation html5 à mes boss.
 
vous me conseillez quoi ?

d'attendre que la norme soit arretée ?  
au niveau audio/video surtout

ça empêche personne de faire des sites en html5 actuellement

quels centres de formation réputés connaissez vous ?

 
Il va pouvoir attendre longtemps

Aucun. Rien ne vaut l'auto-formation dans ce genre de cas. Y'a de toute façon pas grand chose à apprendre pour l'HTML5 en lui-même, quelques nouvelles balises et pis voilà.

 
De toute manière, j'ai des doutes :
- La norme HTML5 n'est pas encore fixée
- Même les spécifications actuelles sont récentes (2 ou 3 ans).
Du coup, je ne vois pas comment on peux sérieusement proposer une formation...

Putain quelle plaie les onblur/onchange, tu blur() un champ ça appelle pas son onchange, tu focus() un champ tiers ça appelle pas son onchange non plus, quelle chierie

bah normal le onchange c'est le changement du contenu du champ
au pire tu trigger le onchange si tu as une lib sous la main
sinon tu passes par du onkeypress onkeydown onkeyup

Oui mais non, le onchange sur un champ texte il trigger quand désélectionne le champ (marque la fin d'une action d'édition)... sauf si tu le fais programmatiquement. C'est lourd: édites ton champ, appelles blur() dessus, pas d'onchange. Et non seulement ton onchange fire pas, mais il est perdu pour toujours: tu resélectionnes le champ puis tu le désélectionne (à la souris), t'auras pas d'onchange.

Bah oui mais non justement, je sais pas si le champ à changé et je tiens pas à en garder un cache pour le savoir, d'où mon désir que le navigateur le fasse pour moi.

Ça aide pas plus que le onchange() appelé à la mano, et accessoirement c'est l'une des racines du problème:

• Normalement, appuyer sur [Return] depuis un champ de formulaire va trigger l'onchange() de l'élément et submit() le form
• Si tu preventDefault sur onKeyDown (don't ask...), ben onchange() est plus appelé
• Sauf sous MSIE

gniii

c'est pareil pour plein de trucs, genre onsubmit est pas appelé si tu submit via code, tout ça.

Ok, c'est un bug de qui ce coup-ci ? php ? apache ?
 
Ce genre de pbs impossible à résoudre sans magie

dites les jeunes, j'ai un pb avec CSS (ahah)
j'essaye de mettre un background-image sur mon élément <html>.
 
si je le centre pas, tout va bien, l'image est entière et calée en haut à gauche, mais si je le centre, il est centré mais coupé.
 
le code:  

 
le résultat :  
http://imgur.com/a/x4zG9
 
vous savez comment éviter ça ?

Ca change rien si tu le mets plutot sur le body (ce qui serait plus moral ) ?

L'image est centrée verticalement sur la taille de l'élément <html>, donc du contenu, donc elle remonte.
Si tu ne cherche qu'a la centrer horizontalement c'est background-position:center top;
Si tu veux aussi la centrer verticalement dans la fenêtre, tu peux tenter le height:100%; sur html, mais ça risque de mal se passer si ensuite le contenu devient plus grand que la fenêtre. Pour une page vide de parking ça devrait aller.

merci

dite, je veux utiliser une couleur de background en RGBA (pour le background du texte au-dessus de ma carte), j'ai besoin d'un truc pour IE, je suppose ?  
ça, c'est bien :  
http://css3pie.com/documentation/pie-js/
?
 

Oui.

Ce truc déboite des poneys par tous les trous, mais ne l'utilise pas à outrance.

 
J'ai un bug sympa sous IE7 tout de même. Si le contenu du block met trop de temps à s'afficher, le background sera plus petit que le contenu jusqu'au moment ou tu le survolera, ce qui aura pour effet de repositionner le background correctement.

Ca c'est IE7 , sinon essaye le -pie-lazy-init:true

 
Je testerai