Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,746

    Problema con layout a due colonne

    Sto provando un layout a due colonne per il quale ho preso spunto dall'esempio trovato nella sezione css di questo sito

    http://css.html.it/guide/lezione/68/...-con-il-float/

    di base tutto sembra funzionare per il meglio, però mi sorge un problema:

    Quando creo una pagina di contenuti, la suddivido in paragrafi ognuno di questi racchiuso in un div. Questo per poter inserire un immagine flottante a destra ed espadere verticalmente il div fino sotto l'immagine tramite clear:both in modo che la stessa immagine non sconfini nel paragrafo sottostante.

    Il problema è che il contenuto della colonna flottante a destra mi fa slittare il secondo paragrafo sotto di esso.

    Per chiarire meglio ho fatto un esempio a questo link:

    http://4null.net/layout/prova_layout.html

    Le sto provando tutte ma non ne vengo fuori, se qualcuno è così cortese da darmi qualche suggerimento ...

    grazie
    Errare humanum est, perseverare ovest

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    204
    Ehm... Non ho capito bene cosa intendi ma proviamo a vedere se questa è la soluzione:

    sotto #colonna_sinistra {
    background-color:#FF8429;
    margin:0;
    padding:0;
    position:fixed;
    width:600px;
    }

    aggiungi la parte in grassetto...

    Ciao...

  3. #3
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,746
    Grazie tante per l'intervento, in un primo momento credevo di aver risolto ma aggiungendo paragrafi la situazione peggiora come puoi vedere nell'esempio

    http://4null.net/layout2/prova_layout.html




    quello che intendo è che mi servirebbe che il contenuto della colonna flottante a destra non faccia slittare sotto di esso i paragrafi, dal secondo in poi, contenuti nella colonna sinistra.

    Se poi qualcuno ha un'idea diversa dalla mia e magari anche più funzionale di come sistemare i paragrafi con le immagini oppure anche l'intero layout a due colonne a me va bene lo stesso.
    Errare humanum est, perseverare ovest

  4. #4
    alla colonna sinistra dai un float

  5. #5
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,746
    ullallà, sembra proprio funzionare!

    http://4null.net/layout3/prova_layout.html

    Grazie mille!
    Errare humanum est, perseverare ovest

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.