Quello che chiedi e` modificare il contenuto di una pagina in base al contenuto di un blocco (<div> o altro) della pagina stessa.
E` chiaro che non si puo` fare ne` con HTML, ne` tantomento con CSS. Si potrebbe pensare di farlo in JS, ma forse
Se invece chiedi di visualizzare uno o molti blocchi contenuti all'interno di un blocco in base alla lunghezza di un altro blocco, la cosa e` diversa, e si puo` trovare un trucco CSS o JS per farlo.
Ad esempio, in una pagina tu hai una colonna a sinistra con una serie di blocchetti con news, e poi al centro hai un blocco principale.
Puoi pensare di visualizzare la colonna sinstra fino alla lunhezza del principale.
Ti basta che la colonna sinistra sia formata da due contenitori:
codice:
HTML:
<div id="finestra_col">
<div id="conten_col">
<div class="newspiece">
... prima news ...
</div>
<div class="newspiece">
... seconda news ...
</div>
...
</div> <!--content_col-->
</div> <!--finestra_col-->
CSS:
#finestra_col {
width: ...;
height: ...; /* questo e` da definire in base alla altezza della principale */
overflow: hidden;
}
#content_col {
width: 100%;
height: 2000px; /* deve essere sufficiente peer contnere tutte le news */
}