Reprise du message précédent :

- Une div avec un contenu de taille variable
- Mais on veut qu'elle fasse minimum 10 lignes de haut sinon c'est moche.

En gros un graphiste print veut que ça rende "comme sur photoshop" ?

Hmm oui, mais pourquoi print ? Ya qu'eux qui ont des préoccupations esthétiques ?

Non mais chez nous les maquettes web sont réalisées conformément à l'intégration, et on fait une maquette web, pas une maquette qu'on essaye de rendre web après. Donc les contraintes techniques sont des moteurs pour trouver des astuces esthétiques à leurs services. Ce qui évite qu'on ait à utiliser des propriétés un peu batardes et qu'on ai des feuilles de styles pleines de hack CSS...

 
Oui enfin ce n'est pas ce malheureux "min-height" qui va faire exploser la terre Internet et aboutir à la fin du monde

Le design au service de la technique, c'est pas tout à fait mon truc...

Si le design est bon et que c'est faisable, je fais, on s'arrête pas au moindre underscore. Si tu te prives d'outils très utiles sous prétexte qu'un faut un hack pour IE6, bonjour les limites quoi.

Enfin j'ai du mal à croire que tu ne sois jamais tombé sur un quelconque bug d'IE, ou un mauvais contexte de formattage, ou une double marge sur un float...

 
C'est une logique appliquée à tout, pas juste à min-height

 
Bah non je suis jamais tombé dessus
 
Et pour moi le web c'est avant tout des services et des contenus (sauf cas particuliers de styles qui sont avant tout du graphisme) le tout enveloppé dans une ergonomie parfaite, le graphisme est là pour embellir et rendre le tout plus agréable à l'oeil, ainsi qu'être au service de la communication visuelle du sujet abordé. C'est pour moi de la cohérence même, tu crées pour un support avec ses contraintes. Trop de graphisme font du web comme ils font du print...
 
Enfin bref on est HS

Pour moi, tu vas même plus loin que ça, tu vas jusqu'à t'inventer des contraintes pour des prétextes (maniaco-)techniques j'ai l'impression que le graphisme de ton code t'importe plus que celui de ton site
 
D'ailleurs de la façon dont tu parles j'ai pas l'impression que tu aies vraiment un graphiste assigné, je me trompe ?
 

Certes, mais ceux-là ne pensent même pas à des min-height. Ils pensent à des contenus fixes et ne voient pas leur créa d'un point de vue dynamique. C'est un autre pb.
 
Et jmen fout du HS moi

Du coup, tu te passe de transparence, de coins arrondis (là ya même pas de hack) et de tout CSS2 et 3...
Tu ne fais jamais de div de moins de 12 px de haut non plus

houla vous êtes partis dans un débat là. Pourtant ma structure n'a rien d'alambiquer je pense. Peut être qu'en mixant habilement avec un tableau je pourrais avoir le résultat escompté

y'a du nouveau !! J'ai fait un truc qui marche dans firefox, chrome, safari... mais pas ie .....
Test dispo ici http://tinyurl.com/2f3a8l5

HTML

CSS (méthode du cssSticky pour le footer)

[url=http://imagik.fr]
Voilà ^^

oui donc height:100% sur #boite

La question c'est plutôt pourquoi tu veux que ton gauche fasse 100% ?
C'est parce que visuellement t'as un fond qui doit se reproduire ?
 
Enfin en fonction de la cause, le moyen de répondre ta problématique n'est pas FORCEMENT de mettre ton #gauche en 100%
Tu devrais plutôt montrer ta maquette

Voilà la maquette, et y'aura un pied de page en bas qui prendra la largeur de la partie contenu (partie sans le menu)
j'en suis pas loin, y'a que ce menu de gauche qui merdouille sous firefox, sous ie c'est bon...bizarrement
http://tinyurl.com/2f3a8l5

je précise aussi que mon contenu (partie jaune) même si il ne fait qu'une ligne, prendra bien l'intégralité de la fenetre pour poistionner le footer en bas
donc je comprend pas pourquoi j'arrive pas a faire pareil pour le menu de gauche

Alekusu2 avait raison de poser la question, j'ai l'impression que tu prend la tête pour rien.
 
Juste, on peut avoir un screen de la maquette *entière* (avec le footer) ?

c'est grave docteur?
Je me suis compliqué la vie alors ou pas ?

Oui

Ton site n'a aucun raison d'être calé dans la fenêtre du navigateur.
Ta colonne de gauche va s'adapter à son contenu (donc pas de height à lui donner), le footer s'alignera sous cette colonne, avec un clear:both;

Ton contenu du milieu pareil, pas de height à donner.

Surtout que t'as aucun background spécial etc...

Reste le Breadcrumbs du bas ("Accueil > Categ > blabla" ), qui sert pas forcément à gd-chose en passant là où il est, je chercherais à le virer ou le déplacer mais sinon ça se fait quand même.

ok, merci pour toutes tes explications, mais pourrait tu faire une schéma rapide? histoire que ej parte sur une bonne base?

un truc du genre :

<div id="global">
  <div id="gauche">gauche</div>
  <div id="milieu">
    <div id="header">header</div>
    <div id="main">main</div>
  </div>
  <div id="footer">footer</div>
</div>

#global {
 width: 1000px;
 margin: 0 auto;
}
 
#gauche {
  float: left;
  width: 250px;
}
 
#footer {
  clear: both;
}

Et rien d'autre

c'est simple,  
T'as ton body, tu le définis avec un background bleu et la typo que tu veux appliquer sur ton site, c'est tout.
 
Ensuite, t'as ton conteneur principal que tu fous en position relative, avec les margin right et left en auto, et tu définis une largeur, et tu ne définis aucune hauteur. et tu définis un fond blanc
 
Ensuite TOUS tes blocs sont en float:left DANS ton conteneur principal. Donc ton #gauche ne contient qu'un float:left, sa largeur, et c'est tout.  
 
Et c'est tout
 
Sataneo85, tu dois réfléchir ton intégration en fonction de tes besoins de CSS en fonction de ta maquette, et pas avant ça définir qu'il doit y avoir des blocs et qu'ils doivent faire ceci ou cela. T'as pas les automatismes d'intégration donc c'est normal, mais en gros là tu t'es pris la tête pour un 100% alors que concrètement ça ne sert absolument rien vu que ta maquette n'en demande pas.
 
Edit : et eventuellement le footer en clear:both si besoin comme le propose theredled, même si vu que les 2 blocs au dessus prennent toute la largeur disponible, en float: left, il ira forcément dessous, donc ça me semble pas très utile

Hein ? ya que #gauche qui a besoin d'un float.

Je vois pas le rapport entre le fait qu'ils prennent toute la largeur et le fait que le footer passe en-dessous  

 
J'ai oublié de préciser : "si ceux d'au dessus prennent toute la largeur ET sont en float."
Quand tu mets tout tes blocs principaux en float, t'as justement après pas besoin de faire du clear:both ou ce genre de choses.

Et pourquoi mettre 5 float: left si tu peux ne mettre qu'un clear: both qui est fait pour ça?

 
Voilà, j'aurais pensé ça aussi.. Le clear:both;

les floats permettent d'avoir une structure qui s'affichent niquel sur tous les navigateurs, même les plus vieux de chez plus vieux. Enfin bon chacun sa façon de faire

Ma méthode marche au moins jusqu'à IE 5

L'un des pb avec les floats c'est que c'est inapplicable sur un design étirable.

Et puis faut spécifier toutes les largeurs.

 
Je comprends ni le problème des designs étirables (car tu peux faire un design étirables avec des float) ni le problème des largeurs (car t'as pas forcément besoin de les définir)  

Comment, avec des % ? Si c'est ça, comment tu fais pour avoir un colonne gauche de largeur fixe et un contenu variable par ex ?

STOP le massacre,
http://tinyurl.com/2f3a8l5
c'est quoi cette page sans head, sans doctype, sans body. C'est la fête o_O

Ouch oui

j'utilise des mini url (tiny url) merci d'éditer le lien stp

edited
mais toi de ton coté tu me fais une page HTML valide et pas un court-bouillon de HTML comme je vois là.