Scroll div dentro un div : differenze IE/Mozzilla/Chrome

**CiodoF** · 29-10-2008, 09:42

Salve.
Ho questo problema.
Devo fare un div dentro un div.
E far si che il primo div si adatti alla pagina e il secondo scrolli dentro in primo.
Su IE e Chrome funzionano correttamente ma su mozzilla no.

Dove sta l'inghippo?

Pagina dove testo questa funzionalità:

http://download.progetplus.com/testdiv/testpage.htm

Grazie a tutti per la collaborazione.

**ricman** · 29-10-2008, 10:01

Originariamente inviato da CiodoF
E far si che il primo div si adatti alla pagina e il secondo scrolli dentro in primo.

Mi raccomando non specificare nulla, eh!!
Poi con quel cavolo di codice che usi ci aiuti ancora meno!!

IMMAGINO che tu lo voglia adattare in altezza.
IMMAGINO che il div incriminato sia "CE50DAN"

L'hai fatto alto 100%. Rispetto a cosa?

**CiodoF** · 29-10-2008, 10:03

Si in altezza.
Si chiama CE50DAN.

Ok deve andare al 100%. A che cosa lo devo far riferire?

PS : Scusate se non sono stato "esplicito".

**CiodoF** · 29-10-2008, 11:11

A che cosa lo devo riferire il suo 100%?

**Chicco127** · 29-10-2008, 14:10

Originariamente inviato da CiodoF
A che cosa lo devo riferire il suo 100%?

Alla "Table" all'interno del <div>
<table border=0 width="100%" height="100%" cellpadding=1 cellspacing=1 align=left valign=top>

Css

<style>
#content
{
width: (valore)px;
height: (valore)px;
left: 50%;
top: 50%;
margin-top: -250px;
margin-left: -410px;
position:absolute;
overflow: auto;
}
</style>

<body>
<div style="position:absolute; visibility:hidden; width: (valore)px; margin-left: (valore); margin-top: (valore); z-index: (valore);">

<div id="content">

</div>

</div>

**ricman** · 29-10-2008, 14:24

Originariamente inviato da CiodoF
A che cosa lo devo riferire il suo 100%?

Ogni oggetto va riferito al proprio contenitore e quest'ultimo, a sua volta, deve avere una domensione.

Ad esmpio se fai un Div alto 100% dentro il Body devi dare anche a Body (e a Html) l'altezza 100%

**CiodoF** · 29-10-2008, 15:17

In parte ho capito e nella pagina di prova sono forse riuscito a farlo andare.

http://download.progetplus.com/testdiv/testpage3.htm

Però quando cerco di applicarla alla pagina reale (quello era un' estratto di codice) non riesco a cavarci le "zampette".

http://download.progetplus.com/testdiv/Family_group.htm

Grazie ancora per l'aiuto fin qui fornito da tutti.

**CiodoF** · 29-10-2008, 17:15

In parte risolto e in parte no.

http://download.progetplus.com/testd...ily_group2.htm

Metto un div subito dopo il body, ma a seconda dell'impostazioni di width non va.

<BODY >
<DIV style="HEIGHT: 100%; z-index: 0; OVERFLOW: auto; position:absolute;">
Così va ma non mi prende poi tutta la larghezza della pagina.

<BODY >
<DIV style="HEIGHT: 100%; z-index: 0; OVERFLOW: auto; position:absolute; width:100%">
Così non va ma mi è tutto largo.

Supporti morali?

**ricman** · 30-10-2008, 10:24

A parte l'uso delle position (absolute rompe sempre le scatole!) e l'inutile (probabilmente) z-index le due soluzioni sono uguali tranne che nel "width". Quindi stesso discorso dell'altezza quando si lavora in percentuale.

...oppure non ho capito io..

Discussione: Scroll div dentro un div : differenze IE/Mozzilla/Chrome

Strumenti discussione

Ricerca discussione

Visualizza

Scroll div dentro un div : differenze IE/Mozzilla/Chrome

Re: Scroll div dentro un div : differenze IE/Mozzilla/Chrome

Permessi di invio