hello,
 
je souhaite faire une page sur le modèle suivant :
 
"top" qui prend la largeur de la page;
 
une partie "content" consituée de deux divs :
   la div de gauche "main" s'étire pour prendre l'espace dispo
   la div "sidebar" est de largeur fixe
je veux que les deux divs "main" et "sidebar" s'étirent toutes deux verticalement (si "main" est plus longue que  "sidebar", je veux que "sidebar" soit aussi haute que "main" et inversement, et que la div "content" s'étire sur la hauteur de la page jusqu'à la div "footer"
 
enfin une div "footer" alignée en bas de la page qui prend la largeur de la page, juste en dessous de la partie "content".
 
Et enfin, je veux que ça marche aussi sur IE.
 
Donc mon truc (d'après moi) donne dans le code de la page :

 
Ma question est la suivante :
 
Que dois-je mettre dans la CSS pour que ça marche sur IE ?
Le point important est que la div "sidebar" doit avoir une largeur fixe, alors que la div "main" doit prendre la place disponible.
J'ai ça comme point de départ :

Je ne sais pas trop quoi mettre pour que ça s'affiche correctement. Si quelqu'un a quelques minutes à m'accorder pour m'expliquer comment faire, je lui en serai reconnaissant.

Met une margin-right sur le #main, égal à la largeur de ta sidebar (en rajoutant genre 5-10 pixels pour être sûr que ça passe bien)

Je n'arrive pas à grand chose...
 
http://www.effisk.net/misc/hfr/test/test.html

la css est là :
 
http://www.effisk.net/misc/hfr/test/style.css

ça ne passe pas.

ptin mais pourquoi ya des flottants de partout
 
Commençons simple;
 
1- ton id "top" ne veut rien dire, change le (header?)
2- Idem pour la sidebar, elle correspond à quoi exactement, sémantiquement?

la sidebar c'est un peu de tout, des liens. Il y a des rubriques, une barre de recherche, des liens, un shoutbox, ce genre de trucs...
 
J'ai changé "top" pour "header".
 
Pour les float de partout, je fais mes tests sur les liens que j'ai donné au-dessus, à un moment on pouvait même voir des tables et des cellules    
Si je ne trouve pas de solution propre en CSS, je vais me rabattre sur les bonnes vieilles tables...

solution la plus simple:
 

• Dégage tous les floats
• Dégage les "display: bock" qui ne veulent rien dire, et qui même s'ils étaient correctement orthographiés n'auraient aucun intérêt
• Dégage tout le styling de #content et ajoute une règle unique: "position: relative;"
• margin-right: 210px sur #main
• position: absolute; top: 0; right: 0; sur #sidebar
• En option, margin-right: 210px sur le footer

bon bon, tout le monde a le droit à sa faute de frappe non ?    

ce que tu me donnes a le mérite de pas mal nettoyer ma css (merci), mais j'ai toujours mon souci :
 
je veux aligner le footer sur le bas de la cellule, et je ne ne veux pas que le footer puisse remonter au-delà du bas de la sidebar, c'est pour ça que je ne peux pas utiliser position: absolute; pour la sidebar a priori.

je suppose que je ne t'apprends rien (ça servira toujours aux autres qui lisent et qui ne savent pas) mais le fait de positionner la sidebar en absolute fait qu'elle n'est pas contenue dans "content"

Il n'y a pas d'attribut qui permette d'attribuer à une div tout l'espace restant (vertical ou horizontal) dans la fenêtre ?

Sauf que c'est techniquement pas faisable au vu de l'organisation de ta page en gardant un #main flexible

mmmh. Peut-être en mettant la sidebar DANS "main" ?

en la mettant avant #main dans #content

huhuhu.
 
En fait c'est de là que tout est parti.
 
C'était à l'origine avant #main dans #content, mais pour une meilleure lisibilité j'ai préféré passer #main avant #sidebar dans le code de la page (#main est accessible tout de suite, et on ne retrouve #sidebar qu'après avoir vu #main).
 
Voilà voilà...  
 
je suis obligé de revenir à mopn point de départ ?

ca sent le thème dot clear
 
as-tu fait un clear:both sur le footer ? (oui je sais c'est bizarre, mais dans mes thèmes dotclear, ca fonctionne ^^')
 
(www.roane-irkana.net)

Arrête de spammer avec ton blog pourri

 
J'ai jamais dit qu'il l'était pas  

oui j'ai ça et ça ne fonctionne pas. Je vais devoir revenir à mon point de départ et inverser #main et #sidebar comme le suggère masklinn
 
faich'

display: bock fait partie des CSS4, Kronenbourg edition
 
 
Avec display: block :
 

 
Avec display: bock :
 

 

 
et merci pour callonme, je l'avais perdu et je le retrouvais plus    

[hs]
marrant ça : http://sexystandards.skyblog.com/
[/hs]