Newsgroup: it.comp.www.html
Titolo: blocchi dentro blocchi in mozilla

Ciao a tutti :)
Riscontro spesso questo problema in MOZILLA, spero mi possiate dare una
mano. (ho cercato con google ma nulla... solo un post dove uno esponeva il
problema, e un altro che ha dato link che non c'entrano nulla)
con una struttra di questo tipo:
<div1>
    <div2>
    </div2>
</div1>
se non specifico le altezze (height:auto), e inserisco dati e immagini nel
div2 facendo aumentare di conseguenza le dimensioni, ho questo risultato:
con explorer va tutto ok... il div2 aumenta di altezza e il div1 si adatta
all'altezza del suo contenuto (div2). Come così dovrebbe essere imho.
con mozilla... il div2 aumenta l'altezza, ma il div1 rimane delle dimensioni
iniziali fragandosene altamente delle dimensioni del div2, che trasborda.
Ho risolto parzialmente inserendo la proprietà min-height, non supportata da
ie... ma dovrei stare a modificarne il valore ogni volta che aggiungo
qualcosa, e la cosa è un pò fastidiosa (specie se il sito è dinamico)...
qualcuno sa come risolvere sto problema, che mi sta togliendo il sonno?
grazie10000 :)
ciao,
Luca(riello)

 iniziali fragandosene altamente delle dimensioni del div2, che trasborda.
azzardo:
c'e' per caso un float: di mezzo? perche' questo e' tipico di quello
che succede quando hai un elemento al quale viene applicato un float via
CSS e viene tolto dal "flow" della pagina. IE si adatta (decide per te
e fa il reset automatico con un clear:both quando esce da div2) mozilla
(come da specifiche) non lo fa e lo devi indicare in modo esplicito.
ciao.
-- 
email: goldicus1970 AT yahoo DOT it
blog: 
http://www.deelan.com/

Luca(riello) wrote:

Non mi risulta quello che dici (firefox 0.9)
-- 
The media have a natural propensity to not report stories that they 
believe are complex, long-term, distant or intractable because they are 
hard, expensive stories to do well, and hence do not offer the ROI of, 
say, a celebrity scandal or shaggy dog story.

 (come da specifiche) non lo fa e lo devi indicare in modo esplicito.
innanzitutto grazie :)
c'č un float nel div2 (che a sua volta contiente altri div).
allora effettivamente l'avevo semplificato troppo... chiedo venia.
Anzi ora che lo rileggo non c'entra proprio nulla... :S
scusate. questo č il codice essenziale.
***************************
<style>
#gambo {
height:153px;
width:222px;
background-image:url("immagini/template001_002_2x1.jpg");
}
..bottone {
width:175px;
height:38px;
background-image:url("immagini/template001_002_4x1.jpg");
margin-left:47px;
}
#left {
width:175px;
background-image:url("immagini/template001_002_3x2.jpg");
margin-left:47px;
}
</style>
<div
style="width:100%;background-image:url(immagini/template001_002_2x2.jpg)">
    <div style="float:left; background-color:#000">
        <div id="gambo">&nbsp;</div>
        <div class="bottone">&nbsp;</div>
        <div class="bottone">&nbsp;</div>
        <div id="left">&nbsp;</div>
    </div>
    <div>
        testo
    </div>
</div>
******************
Ma sinceramente non ho capito quello che hai detto... perché dovrei usare il
clear?
Nel caso non fosse ancora chiaro il template, l'ho messo temporaneamente
qui:
http://chumkiu.altervista.org/prove/black/
In IE6.0 č esattamente ciň che voglio fare, mentre con mozilla non si
riempie l'area col testo, ovvero non prende l'altezza del primo div e si
adatta solo al testo "testo".
Come faccio per far funzionare anche su mozilla? ho sbagliato approccio per
fare un template di questo tipo?
grazie in ogni caso
Ciao,
Luca(riello)

Non lasciatemi cosě vi prego... :'(
ciao,
Luca(riello)