Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Problema di contenimento div

    Ciao a tutti!
    Mi chiamo Francesco e, cercando di scrivere una pagina xhtml, sto riscontrando alcuni problemi di contenimento di div...

    in pratica la struttura della mia pagina (padri-figli) è la seguente:

    - html,body
    - container
    - leftcol
    - ul
    - rightcol
    - corpo
    - img
    - textcont

    con il seguente codice css:
    codice:
    html,body {margin: 0; padding: 0;
                    width: 100%; height: 100%;}
    #container {width: 65em; height: 100%;
                     position: relative;}
    #leftcol {width: 9em; height: 100%;
                 position: relative; float: left;} 
    #rightcol {width: 54em; height: 100%;
                 position: relative; float: right;}
    #corpo {width: 35em; height: 100%;}
    #textcont {width: 33em; position: relative;}
    e dichiarazione html
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
    	
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    In questo modo ho una visualizzazione corretta in Opera
    Mentre con FF ed IE i vari div NON vengono contenuti!!

    Così come si vede dalla img allegata:
    Immagini allegate Immagini allegate
    ...Datemi un punto di appoggio...
    e vi solleverò il Mondo!!!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    elimina tutti i vari position: relative (a meno che tu non li stia usando per qualche motivo determinato)

    ai blocchi con float: left|right; aggiungi anche display: inline

    al contenitore dei blocchi float aggiungi height: auto; overflow: hidden;
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Ciao e grazie 1000 per l'aiuto...

    Ora tutto ciò che è dentro il div "rightcol" viene contenuto in maniera corretta.

    Su tutti i browser la visualizzazione della pagina è consistente.

    MA:
    ancora adesso il div "leftcol" non si estende fino al fondo della pagina.
    Ho provato anche a mettere un div con clear: both prima di chiudere il container ma niente da fare....

    Come devo fare per "dire" al css del leftcol di estendersi fino alla fine del div container?

    Grazie ancora.
    Immagini allegate Immagini allegate
    ...Datemi un punto di appoggio...
    e vi solleverò il Mondo!!!

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    usa le "false colonne" (o faux columns), fai una ricerca nel forum/su google
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    ok, ho letto un po' di articoli-pareri-recensioni-et al.

    Sinceramente il metodo delle false colonne NON mi fa impazzire... preferirei riuscire a far espandere il mio div fino in fondo... non c'è proprio soluzione???

    Comunque adesso mi ci metto sotto con le faux-col per vedere se comunque riesco a ottenere il risultato (occhi sull'obiettivo prima di tutto).

    Se avete altri suggerimenti postate pure, sono ansioso di provare!!!

    Ciao amici e grazie
    ...Datemi un punto di appoggio...
    e vi solleverò il Mondo!!!

  6. #6
    Ciao, rieccomi

    ok, la soluzione proposta ha funzionato alla grande, è bastato capire un po' il meccanismo e devo ammettere viene tutto perfetto!!!
    (grazie san fcaldera nostro protettore )

    Però continuo a sostenere che è un po' un inganno....
    Si usa uno sfondo con un "significato semantico". Comunque non è neanche il caso di fare tante storie, funziona alla grande e l'immagine non ha peso eccessivo.

    Nel complesso un buon risultato.

    Grazie di nuovo e a presto con nuove emozionanti avventure!!!

    :quote:
    ...Datemi un punto di appoggio...
    e vi solleverò il Mondo!!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.