Comment faire une colonne croissante en css?

J'essaye de créer une page Web et j'ai cette question-problème. L'idée est de montrer un article dans la colonne principale, à gauche, et plusieurs commentaires sous l'article. Dans la colonne de droite, nous diffusons des annonces. Le problème est le suivant: j'ai prouvé plusieurs mises en page (c'est le dernier), mais toujours la colonne de droite tombe en dessous de la gauche (article-et-commentaires). Comment je pourrais faire cela? L'idée est que la colonne de gauche (article-et-commentaires), pourrait croître indéfiniment, ou même pourrait être très courte (si personne n'a commenté), mais la colonne de droite reste toujours sur la droite.Comment faire une colonne croissante en css?

<body> 
<div class="container"> 
    <div class="header">Header menus etc etc</div> 
    <div id="main-block"> 
    <div id="article-and-comments"> 
     <div class="article-detail">The Article </div> 
     <div class="comment">1° Comment</div> 
     <div class="comment">1° Comment</div> 
     <div class="comment">1° Comment</div> 
    </div> 
    <div class="advertising"> 
     Right Column with Ads 
    </div> 
    <div class="push"></div> <!-- This is to push the footer to the bottom 
    </div> <!-- main-block --> 
    <div class="footer"> 
    Footer 
    </div>

Source

2010-11-01 Nisanio

Quelle est votre CSS? –

vous devez faire les article-and-comments et advertising largeurs d'ajouter jusqu'à la largeur main-block.

Et vous devez les float gauche et à droite ..

exemple à http://www.jsfiddle.net/gaby/tBd7L/

Source

2010-11-01 15:15:57

Il y a quelques façons de le faire. La première consiste à définir une largeur fixe sur votre colonne de contenu et à la faire flotter à gauche, puis à définir une colonne gauche pour que la marge de gauche soit supérieure ou égale à la largeur de la colonne de contenu.

Voici un exemple très rude:

http://jsfiddle.net/PVqKX/

Source

2010-11-01 15:23:01

Comment faire une colonne croissante en css?

Répondre

Questions connexes