Probleme d image de background

masprod a écrit :
bon personne pour me donner un coup demain..
faut ptete que je reexplique plus simplement.?.?.?
bonne soirée
sam/

Le problème, c'est que tu veux faire des colonnes. Mais des colonnes, c'est dans un tableau, pas avec des <div> ! Donc voilà : c'est tout bonnement pas possible, car une <div> prend :
- en largeur, toute la place disponible (sauf si on lui donne une largeur fixe, à laquelle elle se tiendra) ;
- en hauteur, uniquement la place nécessaire pour l'affichage de son contenu.
Donc pas de contenu = pas de div.
Une div qui prendrait la même hauteur qu'une div adjascente, ça s'appelle des colonnes, et ça demande d'utiliser un tableau. Si vraiment c'est indispensable, un tableau à 3 colonnes pour le gabarit de la page, ça peut aller. Cf site Framasoft, par exemple.

Si on veut absolument utiliser des divs, alors il faut ruser. Par exemple :
- en donnant une hauteur fixe à la "colonne" :

height: 400px;

... mais c'est un peu rigide, et ça ne marche pas comme une colonne (hauteur dynamique en fonction du contenu le plus long pour toutes les cellules d'une même ligne).
- en utlisant la solution d'un "bloc-conteneur" expliquée dans ce tutoriel (Alsacréations !) : Des blocs de même hauteur sans tableaux... précisons tout de même que ça ne force pas les <div> à se comporter comme des cellules de tableau, mais que l'on utilise plutôt une ruse de type "trompe-l'oeil".

merci beaucoup pour cette reponse complete mpop et du temps consacré à la rédiger...
le but est pour moi de realiser cette page en css.
je ne pensais pas que ca allait etre aussi compliqué...
mon maquette de page d accueil est pourtant tres classique donc je pensais qu elle etait facilement realisable.
je vais me pencher sur la piste du tutoriel d'Alsacréations.
merci.je reviens pour j espere pouvoir inscrire un petit "résolu".
bonne soirée,
sam/

Salut,

Ce n'est sûrement pas possible de mettre différentes images de fond dans une même div.
Il faudrait au moins ajouter une DIV pour la partie haute avec le motif et le dégradé.

<div id="gauche">
<div id="menuGauche">
      <ul>
  ..
      </ul>
  <div id="gauchePied"></div>
  </div>
</div>

div#gauche : l'image de 1px de hauteur qui se répète
div#menuGauche : La tête de l'image, sans répétition

pour le pied de l'image : comme dans l'exemple, une nouvelle div avec une hauteur de la taille de l'image qui sera en fond (par ex 2px). On doit pouvoir s'en passer mais bon..

J'ai tendance à ne pas être très économe, donc faut voir si on te propose d'autres solutions.
A+
Modifié par Alan (18 Jan 2006 - 12:06)

Oups san soublier Philippe et Mpop !!!!
Merci...
Sam/

je pensais que c etait résolu mais non ...désolé...
sous firefox décallage en haut que n arrive pas a resoudre et surtout les le conteneur des deux menu gauche et droite qui ne s agrandissent pas avec la longueur des liste a l interieur..voir la differnce sous ie ou la ca tourne ...
qu en pensez vous ???
Mpop si t es la ??
page visible ici:
http://www.lalibellule.com/jeudi.htm

merci beaucoup

sam/

MERCI Alan
j aurais pu trouver le probleme 1 seul heureusement que tu es arrivé a la rescousse
par contre pour le probleme 2 je galere ...
en fait mon cas est particulier a moins que j e n ai rein compris à tes sources...
moi ca fonctionne sous ie et ca ne fonctionne pas sous mozilla...
bizarre ...j ai utilisé les solutions proposées et lu les ressources mais ca tourne pas ??
sam/