Problemi con i DIV

[dsr]

Ciao,
sono abbatanza nuovo nel web editing esoprattuto nuovo all'utilizzo dei layer...

Ecco il problema:
ho creato un layer container con questo stile:

body {
background-image: url(grafica/atw_body.jpg);
height: 100%;
margin: 0px;

}
#container {
background-color: #0077A2;
height: auto;
width: 750px;
left: 50%;
position: absolute;
margin-left: -375px;
margin-top: 10px;
}

All'interno devo inerire i due layer sotto riportati affiancati verticalmente, ma non risco a dare lo stile giusto....


#cont_1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #FFFFFF;
padding: 10px;
height: 100%;
width: 200px;
border: thin solid #FFFFFF;
margin-top: 10px;
margin-left: 10px;
z-index: 1;
}
#cont_2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #FFFFFF;
padding: 10px;
height: 100%;
width: 470px;
border: thin solid #FFFFFF;
margin-top: 10px;
z-index: 2;
margin-left: 250px;
}


ho fatto un sacco di tentativi, ma alla fine ho ceduto....... devo chiedervi aiuto....

Grazie

[Miki73]

Qui si tratta d'aver capito bene come funzionano i posizionamenti relativi e assoluti.

body {
margin: 0px;
background-image: url(grafica/atw_body.jpg);
}
div#container {
position: relative;
left: 50%;
width: 750px;
margin-left: -375px;
margin-top: 10px;
background-color: #0077A2;
}
div.cont {
position: absolute;
height: 100%;
top: 10px;
border: thin solid #FFF;
padding: 10px;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
div#cont_1 {
width: 200px;
left: 10px;
z-index: 1;
}
div#cont_2 {
width: 470px;
left: 250px;
z-index: 2;
}

dove i div con id cont_1 e cont_2 hanno anche class cont; così dovrebbe funzionare...

[dsr]

ok, allineati sono allineati verticalmente, ma il layer container non si adatta al contenimento dei due layer cont_1 e cont_2, nel senso che se introduco contenuti aumentano in altezza e esono dal container.....

[H5N1_Aviaria]

La funzione "cerca" del forum può aiutarti e, a differenza degli utenti del forum, non si stanca di ripetere milioni di volte le stesse cose

[dsr]

fatto!
Ho dato un'occhiata nel forum e ho trovato la soluzione con il "float" per i due layer che devo allineare, ma ho notato anche che il div container non si adatta automaticamente ai layer cont_1 e 2.
Ho letto che devo specificare un'altezza che non sia in %.....
...ma io vorrei dare altezza 100% sia al "container" che ai "cont_1 e 2" per fare in modo che si adattano automaticamente ai contenuti richiamati dagli script php.....

Come fare?

[dsr]

Potrei risolvere impostando altezze minime per i layer interni al container?
E' un'idea che mi è venuta adesso, ma siccome sono al lavoro non posso provare

[H5N1_Aviaria]

Se usi larghezze percentuali è consigliabile usare margini percentuali poichè questi variano al variare della dimensione della finestra.
Se fossero fissi e si ridducesse di molto la dimensione della finestra i BOX potrebbero collidere.

[dsr]

ma se non uso il float come posso allinearli verticalmente e poi far si che il container si adatti agli altri layer che conterranno i contenuti?

Scusa se continuo su questo argomento, ma ho fatto una ricerca e non trovo quello che mi serve....

Probabilmente non uso correttamente il motore di riceca..... indicami almeno il link e io lo seguo.....