ciao a tutti.
Ho un div "centro" a cui ho messo uno sfondo. Dentro questo div ci sono 3 box (sempre div) disposti orizzontalmente. Lo sfondo del div centro pero' non si allunga fino alla fine dei box, anzi non si allunga affatto... è come se non contenesse nulla, avendo l'altezza solo dei padding.
Grazie mille!
i 3 box sono tutti floattati immagino... puoi postare del codice?
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
questo il css del box:
#box1col{
background-image:url(../images/sfondo_box_medio.gif);
width:286px;
float:left;
padding:0px 0px 10px 0px;
}
questo del contenitore dei box:
#corpo{
width:882px;
margin:0px 22px 0px 22px;
padding:10px;
background-image:url(../images/sfondo_corpo_top.gif);
background-repeat:repeat-x;
}
grazie mille sei gentilissimo!
dovresti postare anche l'html però... altrimenti come posso sapere chi annida chi?
comunque se ho intuito modifica
#corpo{
width:882px;
margin:0px 22px 0px 22px;
padding:10px;
background-image:url(../images/sfondo_corpo_top.gif);
background-repeat:repeat-x;
height: auto;
overflow: hidden;
}
e i 3 div interni dovranno avere 3 id diversi (da come ha postato tu sembra che tutti e tre i div abbiano lo stesso id)
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
ecco la struttura html:
<body>
<div id="wrapper">
<div id="menu"></div>
<div id="adv"></div>
<div id="corpo">
<div id="box1col"> </div>
<div id="box1col"> </div>
<div id="box1col"> </div>
</div>
<div id="footer"> </div>
</div>
</body>
ho provato ad aggiungere:
height: auto;
overflow: hidden;
ma ancora si blocca.
garzie!
come già detto prima, in un documento NON si può assegnare lo stesso id a più elementi. Inoltre i div interni non possono essere vuoti, altrimenti logicamente 'corpo' non avrà altezza<div id="corpo">
<div id="box1col"> </div>
<div id="box1col"> </div>
<div id="box1col"> </div>
</div>
intanto cambia in
e le regole incodice:<div id="corpo"> <div class="box1col">scrivici</div> <div class="box1col">qualcosa</div> <div class="box1col">dentro</div> </div>
se non va ancora posta un url della paginacodice:.box1col { background-image:url(../images/sfondo_box_medio.gif); width:286px; float:left; padding:0px 0px 10px 0px; } questo del contenitore dei box: #corpo { width:882px; margin:0px 22px 0px 22px; padding:10px; background-image:url(../images/sfondo_corpo_top.gif); background-repeat:repeat-x; height: auto; overflow: hidden; }
e specifica con quali browser si verifica il problema.
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
ecco il link:
http://www.jolieadv.com/test/
sto testando su safari e firefox (mac)....
Non ho ancora testato su explorer e firefox per win.
Come vedi la sfumaturina sotto i primi 3 box si blocca di colpo (è molto lieve magari sul tuo monitor non si vede nemmeno)...
Colgo l'occasione per chiederti come posso fare per mettere uno spazietto fra il primo box e il secondo e fra il secondo e il terzo.
grazie!!
sospetto che il problema stia nella gif in sé
si blocca di colpo perchè l'immagine termina effetivamente lì
per distanziare i box ti basta mettere un margine sui blocchi interni, ma ricorda che dovrai aggiungere display: inline ai blocchi floattati (o potrai avere problemi in IE)
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
avevi perfettamente ragione.... problema di immagine...
una cosa pero'..... se metto:
overflow: hidden;
nel browser tutto ok, ma in dreamweaver mi si schiaccia tutto!
dreamweaver non è un browser.Originariamente inviato da zoc
avevi perfettamente ragione.... problema di immagine...
una cosa pero'..... se metto:
overflow: hidden;
nel browser tutto ok, ma in dreamweaver mi si schiaccia tutto!
Nel senso che il motore di rendering di dreamweaver non fa testo e non può in nessun modo sostituire un test con browser reali. Se lo usi, fallo solo per il "code assist" che può offrirti o per le funzionalità extra, ma non per testare nè per fornirti snippets di codice. In questo non è affidabile.
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Permessi di invio
Rispondi quotando