Salut,

Je tente de reconstruire mon site en evitant les tableaux lors de la mise en page. Je me suis inspiré des modèles donnés sur alsacréation et tente un tout CSS.
L'architecture est donc la suivante (à l'exception de l'acceuil):

• un header
  
• une colonne à gauche avec mon sommaire
  
• une colonne de droite avec le contenue
  
• un footer.
  

Salut,

Une solution simple (mais pas forcément optimale) :
tu mets le menu et le contenu dans un div contenant et tu fais que le footer soit poussé non plus par contenu, mais par contenant.

Salut à vous,

Merci de vos réponses.

Marvin: L'idée du conteneur contenant l'ensemble (les 2 colonnes centrales) me parais le plus facile à mettre en oeuvre. j'essaye demain!

Sibelius: j'ai lu l'article et je vais voir ce que cela donne (demain aussi!)

Bigornot: malgré les réponses, j'ai mis quelques fichiers en ligne si le code t'intéresse toujours (malgré les réponses précédentes)
- http://balrog.9online.fr/fbckform.html
- http://balrog.9online.fr/tarifs.html
- http://balrog.9online.fr/format.html
Il manque les photos. les lignes noires autour de la zone "contenu" et du footer sont volontaires, histoire d'y voir plus clair!

Bonne soirée à tous!

Si tu utilises height, ça ne marchera que sur IE qui la comprend comme un min-height.

Voilà comment faire pour explorer : http://www.alsacreations.com/blog/index.php?2004/08/17/54-min-height-sur-internet-explorer

Citation de: Balrog le le 08-10-2004 a 10:28:37

Merci, Mais que se passe-t-il si l'on mets les deux dans le code du CSS (height et min-height)?

Ben si tu n'utilise pas !important ou html>body (comme dans le lien que je t'ai donné) alors height limitera le bloc en hauteur chez tout le monde sauf IE.
Pour les autres navigateurs, height ne doit pas être précisé (ou alors il doit être à "auto") pour que min-height fonctionne.

Citation:

d'abord le #: d'hab j'anonce avec un point (.) dans les css.

Le point est fait pour désigner une classe. Mais il n'y a pas que les classes, il y'a aussi les id : http://www.alsacreations.com/articles/id_class/

Citation:

A la place de bloc, j'imagine que je doit mettre le nom de mon conteneur (centre2).

Tu y mets l'élément qui doit avoir un min-height

Citation:

enfin la syntaxe: html>body. c'est la première fois que je la vois!

C'est une syntaxe de sélecteur d'enfant. Elle est tout à fait conforme aux standards et tout le monde la comprend... sauf IE !
En clair, IE ne va carrément pas lire cette ligne. C'est comme si tu mettais un cache sur les yeux d'IE.

Mais je te conseille plutôt d'utiliser la méthode de Talou, plus simple et plus courte :

#bloc {
height: auto !important;
height: 5em;
min-height: 5em;
}

Citation:

enfin à quoi sert le !important; dans

Il signifie que cette valeur passera avant tout, même si d'autres valeurs sont données ensuite.

http://www.yoyodesign.org/doc/w3c/css2/cascade.html#important-rules