Salve a tutti. Dopo svariate ore di ricerca in rete senza alcun risultato, eccomi sul forum nella speranza di trovare un aiuto per il mio problema.
Ho un div contenitore, che contiene altri 2 div posizionati uno sotto l'altro. I due div sono posizionati in assoluto rispetto al div contenitore. Quello che vorrei riuscire a fare č adattare automaticamente l'altezza del div superiore fino ad arrivare all'inizio del div inferiore, non oltre. Non mi interessa se il contenuto di questo primo div (un immagine) vada in overflow. E' possibile tutto ciō?
Il motivo? L'idea č che quando il posizionamento verticale del secondo div cambia (grazie ad esempio cambio di classe), l'altezza di quello sopra si adatta in automatico.
Esempio:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style>
#container{
width: 1000px;
height: 500px;
background-color: #CCCCCC;
position:relative;
}
#div1{
width:100px;
position:absolute;
top:0;
background-color:#FF0000;
overflow:hidden;
}
#div2{
width:50px;
position:absolute;
top:50px;
height:100px;
background-color:#33FF33;
}
</style>
</head>
<body>
<div id="container">
<div id="div1"><div>asdgkldfng adf hgčahgf aof gčah gačh gčah fča dgasfg sdfgsdg fsgsdfgs ddg</div></div>
<div id="div2"></div>
</div>
</body>
</html>
come vedete nell'esempio, il div verde si sovrappone a quello rosso, la cui altezza si adegua al contenuto. Quello che vorrei č che in automatico la dimensione di quello rosso si stringesse (e il suo contenuto che vada pure in overflow).
Spero che la mia domanda sia chiara...grazie per l'aiuto.
Rispondi quotando
