Je ne sais pas comment faire ce qui suit en html, je préférerais que la solution soit strictement html + css, javascript/jquery est utilisé sur le site, mais je ne ' Je préfère que ma mise en page dépende de javascript.html + css largeur dynamique avec débordements
La section A est une liste de largeur indéterminée, elle est remplie à partir des données d'une base de données afin qu'elle puisse être de 9em-15em largeur. La section B comporte un texte qui déborde également. Je veux que A prenne la largeur requise pour afficher son contenu et je veux que la section B occupe le reste de la largeur.
Est-ce possible, si oui, comment? Connaissez-vous tous les bons livres qui peuvent me donner une bonne base pour html + css
---------------------------------------------
| |^| |^|
| | | | |
| | | | |
| | | | |
| A | | B | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| |v| |v|
----------------------------------------------
C'est ce que j'ai actuellement, mais si la section B déborde alors il force la liste « A » pour réduire en faisant les divs aller à deux lignes ce qui est inacceptable.
<div id="SectionA" style="float:left">
<div>Just TEst data</div>
<div>Just data</div>
...
<div>Just data</div>
</div>
<div id="SectionB" style="float:left">
<!-- A bunch of content here -->
</div>
Dans cette solution, si le contenu de B est suffisamment important pour que la colonne de B soit plus longue que la colonne de A ...le contenu B coulera sous le contenu de A. L'OP pourrait envisager de rechercher sur le Web des «mises en page multi-colonnes css». –