div

[Progeny]

Salve, sono poco pratico di CSS, sto googlando da un bel po` di tempo e non sono riuscito a trovare una buona soluzione.
Il mio problema è quello di ottenere due div allineati, uno affianco all'altro, come fossero due celle di una tabella...

<div id="container" style="margin-left: 5px; overflow: hidden; border: #000000 1px solid;">
<div id="profile_photo" style="width: 350px; float: left;">
  <p align="left"><span style="font-weight: bold;">Foto:</span></p>
  <?=$html_photo?>
</div>

<div id="profile_action" style="width: 250px; float: right;">
  <p align="left"><span style="font-weight: bold;">Azioni:</span></p>
  <p align="left">[img]images/icons/mail.gif[/img]Manda un messaggio</p>
  

[img]images/icons/favorites.gif[/img]Aggiungi ai preferiti</p>
</div>
</div>
</p>

questo è quello che sono riuscito a "creare".. il problema è che andando a botta di refresh, a volte capita che il layout vada a farsi friggere... il div container si allunga troppo, a parte usare max-width, ci sono altre alternative più *dinamiche*?

[Alberto]

Il float:right nel secondo div non ti serve, basta che ci sia il float:left nel primo.
Max-width serve per la larghezza, per l'altezza c'è max-height, ma non funziona con IE, in alternativa puoi usare degli hack.

[Progeny]

Forse il termine allunga è ambiguo, quel div si espande troppo in senso orizzontale, è il max-width che mi servirebbe al massimo

[Alberto]

Ok, visto che i div dentro al container hanno una larghezza fissa, prova a dare un width fisso anzichè max-width anche al container, a meno che tu non abbia bisogno di variare la larghezza in base al contenuto questo dovrebbe funzionare.