Problema di... Div

[Frewse]

Allora!
Ho un div (con sfondo e bordi) che ne contiene altri due. il primo contiene due foto; il secondo (con sfondo e bordi) contiene testo. E fin qui tutto ok! Come faccio a far stare a sinistra le due foto (una sopra all'altra) ed alla loro destra il div col testo?
avevo fatto una cosa del genere:
HTML.
<div id="div1">
<div id="div2">
[img]...[/img]
[img]...[/img]
</div>
<div ="div3">


Bla bla bla</p>
</div>
</div>

CSS.
#div1 {
width: 99%
padding:5px 5px 5px 5px;
border: 2px solid #339933;
background-color: #d1f473;
}

#div2 {
float: left;
width: 39%;
}
#div3 {
float: right;
width: 58%;
background-color: yellow;
padding:5px 5px 5px 5px;
border: 2px solid #339933;
}

Pensavo fosse l'idea giusta! Invece Mozzilla e netscape non l'interpretano come vorrei io, non contengono le foto all'interno di div1, visualizzano solo div3 dentro! Cosa sbaglio?

[floyd46]

potresti scrivere il link alla pagina?
immaginare o interpretare i box non è molto semplice.
ciao

[Frewse]

Lo so, purtroppo!
Mi spiace ma non ho lo ancora messa in rete, sono ancora in quella fase di creazione sul pc!
Comunque, fa niente! X ora sto cercando di capire il floating e il positioning tramite tutorial ed altro!
Grazie comunque della disponibilità!
Cia'

[Nicola-Verona]

Ciao Frewse, vediamo se posso esserti di aiuto .....
Allora per riuscire ad essere compatibile con Firefox, utilizzalo come browser predefinito quando scrivi il tuo codice, solo così riuscirai a non avere brutte sorprese di incompatibilità.

Ora veniamo al codice hai scritto :

<div id="div1">
<div id="div2">
[img]...[/img]
[img]...[/img]
</div>
<div ="div3">


Bla bla bla</p>
</div>
</div>

Il tuo codice html dovrebbe funzionare ma nei css scrivi

<style>
#div1 { background-color: #d1f473; }
#div2 { float: left; width: 160px; }
#div3 { background-color: #ffff00; }
</style>

Devi impostare la larghezza della colonna di sinistra uguale alla grandezza massima delle tue immagini.

Penso che così possa funzionare, ovviamente avere l'esempio a portata di mano sarebbe utile, comunque, puoi visitare il mio sito http://demo.iport.it per avere maggiori informazioni, ed esempi e layout/template gratis da scaricare.

Spero di esserti stato di aiuto.

Ciao Nicola