Bonjour,
 
au lieu d'insérer une hauteur j'ai voulu insérer la position de départ du dessus et du haut de mon div,
afin qu'il prenne toute la hauteur.
 
Ca marche avec FF mais pas sous IE,
 
quelle est la solution?
 
http://jerome.monprojet.info/Taekwondo
 

 
Mes border aussi semblent buguer
 
Update: une chose étrange se passe lorsque j'ouvre mon fichier css sous IE (qui l'ouvre alors dans FrontPage), le ' ; ' derriere les repeat-y ont disparu... Aussi derrière  no-repeat ...                  

En CSS, le ';' de la dernière propriété n'est pas une obligation. C'est pour cette raison qu'il n'y en a pas nécessairement lorsque tu utilises un attribut style juste pour une propriété dans une balise.
 
Pour visualiser le résultat de ta page aussi bien dans IE que dans Firefox, pense à mettre quelques chose à afficher dans tes div, ne serait-ce qu'une espace insécable ou un caractère. Là il n'y a rien, ça peut parfois poser problème, y compris sur les éléments positionnés en absolu.
 
Autre remarque : évite les div à outrance et profite du fait que certains éléments sont de type block pour les positionner (comme pour tes menus).

Merci!
 
J'ai mis des espaces mais ça ne semble toujours pas marcher...
Je trouve ça aussi bizarre qu'il fait un repeat-y pour une dizaines de pixels sous IE et qu'il s'arrête ensuite

Espace insécable :
& n b s p ;

Je pensais que quand il sagissait que d'une seule espace on pouvait bêtement tapper espace?
 
J'ai mis   : même résultat

Pourquoi tu as tout positionné en absolu ?

Euuuuh, c'est comme ça qu'on apprend à l'école
Positionner en absolut donc à partir du parent element précédent: le body, non?

En positionnement absolu, ton élément sort du flux pour être positionné par rapport à son conteneur parent, l'élément body dans ton cas.
En fait, le positionnement en absolu est une mauvaise habitude puisqu'elle reprend la logique de positionnement par tableau qui est à banir maintenant.
 
Dans la pratique, les éléments de type block s'affichant les uns en dessous des autres : lorsque tu affiches deux paragraphes (de type block donc), le second se place sous le premier et pas à la suite.
En utilisant cette propriété, tu peux parfaitement positionner des éléments sans avoir recours au positionnement absolu, lequel je rappelle sort l'élément du flux de lecture.
 
Exemple concret : tu utilises une balise div appelée menu pour y mettre surement un menu, menu qui sera en fait une liste non ordonnées, donc une balise ul encadrant des balises li.
ul est un élément de type block, tu n'as donc pas besoin de passer par un conteneur div et tu peux écrire <ul id="menu"> et affecter des propriétés à cet élément.
 
Le risque avec le positionnement absolu est de multiplier à outrance les balise div qui n'ont sémantiquement aucun sens.
En gros, tu remplaces tes balises td de tablleau par des conteneurs. Et si c'est ce qui est enseigné, c'est fort regrettable.
 
Essaie pour visualiser ton problème de mettre des espaces insécables dans toutes tes balises div et accessoirement, affecte une couleur de fond différente pour chacun histoire de bien comprendre ce qui se passe.
A l'occasion, sous FF, tu peux utiliser l'add-on web developer dispo sur le site de Mozilla.

Merci beaucoup! Je vais essayer tout ça ce week-end!
 
Oui je viens d'apprendre les divs (j'utilisais que des tableaux au par avant), c'est pas façile pour commencer avec tous les problèmes d'affichage
 
A++
 

Bonjour, j'ai essayé de résoudre mon problème ce weekend en utilisant le moins de position: absolute possible et en travaillant avec des margin mais tout se déplace et il n'y a plus de structure... Je suis perdu...  
 
Quelqu'un pourrait me mettre sur la bonne piste?

Le probème ne se pose pas avec IE7...
 
Quand je mets dans mon code juste le left-border avec un background-repeat: repeat-y ça ne marche pas non plus...
 

Le background normallement occupe la totalité du contenu. Etant donné que tu n'as rien dedans, il s'affiche pas. Essaye d'utiliser la propriéte height à la place de bottom (tu peux mettre même height:90%)

Sinon, tu peux utiliser un petit javascript qui calcule en fonction de la hauteur de ta fenetre , la hauteur de ton bloc .
css:
 
#bloc {...}
 
<head>
<script type="text/javascript">
 
window.onload = setHeight;
window.onresize = setHeight;
 
<!--
function getWindowHeight() {
   var windowHeight = 0;
   if (typeof(window.innerHeight) == 'number') { // Netscape
    windowHeight = window.innerHeight;
   }
   else {
    if (document.documentElement && document.documentElement.clientHeight) {
     windowHeight = document.documentElement.clientHeight;
    }
    else {
     if (document.body && document.body.offsetHeight) { //client
      windowHeight = document.body.offsetHeight;
     }
    }
   }
   return windowHeight;
  }
 
 function setHeight(){
  var windowHeight=getWindowHeight();
  var blocElement=document.getElementById('bloc');
   
  blocElement.style.height=(windowHeight-30)+'px'; //si par exemple tu as une entete de 30px
}
 
//-->
</script>