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

    Dubbio per larghezza colonne "finte"

    Ciao a tutti,
    ho un dubbio su come costruire questa pagina (in allegato)

    Il mio dubbio:
    come posso creare uno sfondo che si adatti alla larghezza di qualsiasi monitor mantenendo le proporzioni della pagina?

    Infatti le due colonne non sono larghe uguali.

    Se creo delle finte colonne facendo lo sfondo bicolore, mi viene limitato alla larghezza del content, perchè se lo imposto nel body non è detto che le mie colonne rispettino le proporzioni.

    Spero di aver dato abbasstanza notizie per un aiuto.

    Grazie.


    www.studio-grafica.com
    info@studio-grafica.com
    Fare affari senza pubblicità è come ammiccare
    ad una ragazza nel buio, tu sai quello che stai facendo ma nessun altro lo sa.

  2. #2
    nessuno può aiutarmi?
    www.studio-grafica.com
    info@studio-grafica.com
    Fare affari senza pubblicità è come ammiccare
    ad una ragazza nel buio, tu sai quello che stai facendo ma nessun altro lo sa.

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Le colonne "finte" non le avevo ancora sentite

    In pratica tu stai chiedendo come realizzare le false colonne (faux columns), con larghezze delle due colonne in %.

    Ho visto varie soluzioni con una colonna fissa e l'altra variabile (non importa se la fissa e` a destra o a sinstra), ed ho visto soluzioni con le due colonne di uguale larghezza (50% ciascuna).

    Non mi pare di averle viste con % dell'ordine del 30%-70%.
    Penso che con un minimo di JS, si potrebbe realizzarle anche con percentuali diverse, ma il vulnus in questo caso e` proprio il JS: che succede se uno non ha JS abilitato?
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    77
    Io proverei questa strada:
    - crei un'immagine sfondo.jpg che ha (ad esempio) 30% di coloreA e 70% coloreB;
    - nel css: body {background: url(sfondo.jpg) repeat-y 50% 0% fixed;}
    - colonna-sx {width:25%;margin-left:4%;}
    - colonna dx {width:65%;margin-right:4%;}

    Per il footer puoi creare footerDx e footerSx, con lo stesso concetto.

    Al variare dello schermo, le proporzioni delle colonne rimangono identiche, e lo sfondo, piazzato al centro in alto rispetterà (credo) queste proporzioni.
    Da provare!

    Altra strada:
    - crei le false colonne con sfondo bicolore per il content e anche per il footer.

    Facci sapere se arrivi ad una soluzione!
    Ciao.

  5. #5

    Risolto

    Ciao a tutti, ho risolto così:

    www.studio-grafica.com/primavera

    dovreste riuscire a vedere il codice e il css

    Grazie.

    www.studio-grafica.com
    info@studio-grafica.com
    Fare affari senza pubblicità è come ammiccare
    ad una ragazza nel buio, tu sai quello che stai facendo ma nessun altro lo sa.

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.