[CSS] Come impostare dimensioni variabili ad uno di due div flottanti?

[UnknownSoldier]

Salve a tutti. Vi spiego subito il mio problema, dunque questo è il codice:


<div id="leftColumn">
leftColumn
</div><!-- #leftColumn -->

<div id="contentWrapper">
<div id="content">
<?php print($content) ?>
</div><!-- #content -->
</div><!-- #contentWrapper -->
<div class="clear"></div>


leftColumn e contentWrapper sono due div flottanti a sinistra. leftColumn ha dimensione in larghezza fissa, mentre contentWrapper dovrebbe poter essere adattabile alla larghezza della finestra, e quindi dovrebbe avere un max-width.
Il problema è che se imposto un max-width, contentWrapper non diventa più flottante, e quindi me lo ritrovo a capo!

Qualcuno saprebbe aiutarmi?

[lupoxxx87]

generare la regola css con php ?

cmq di solito è il contenuto che si adatta al contenitore, non viceversa ;)

[MaxArt]

Salve a tutti. Vi spiego subito il mio problema, dunque questo è il codice:


<div id="leftColumn">
leftColumn
</div><!-- #leftColumn -->

<div id="contentWrapper">
<div id="content">
<?php print($content) ?>
</div><!-- #content -->
</div><!-- #contentWrapper -->
<div class="clear"></div>


leftColumn e contentWrapper sono due div flottanti a sinistra. leftColumn ha dimensione in larghezza fissa, mentre contentWrapper dovrebbe poter essere adattabile alla larghezza della finestra, e quindi dovrebbe avere un max-width.
Il problema è che se imposto un max-width, contentWrapper non diventa più flottante, e quindi me lo ritrovo a capo!Quale finestra, quella del browser? Se così fosse, max-width non c'entra un tubo.
Ti dico subito che il problema è annoso, soprattutto se hai a che fare con browser più vecchi (e quelli più comuni sono, come sempre, IE6 e IE7). Io avrei un paio di soluzioni, una con display: table ed una con box-sizing, ma entrambe non vanno per IE6 e IE7.

La soluzione definitiva consiste in:
- definire un evento onresize su window ed aggiustare le dimensioni con JavaScript;
- usare (sigh) le tabelle per il layout della pagina. Con due colonne sei a posto.