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

    Layout liquido (solo 1 colonna liquida)

    Ciao,

    ho un layout liquido con due colonne.

    Vorrei che i margini laterali siano fissi, la larghezza della colonna di destra anche (al 30% per esempio) e che la colonna di sinistra invece cerchi di prendere tutto lo spazio possibile.

    Ovviamente so come impostare tutto trannè la colonna sinistra.
    Se non imposto la larghezza o la imposto ad auto o 100% mi butta la colonna destra a capo.

    Come posso risolvere?

    Queste sono le due regole per le colonne:

    codice:
    /* ## Colonne ## */
    #colDxBox{
    			float:right;
    			width:27%;
    			height: auto !important;
    			height: 856px;
    			margin-right:4px;
    			min-height: 856px;
    			background:white;
    			}
    #colSxBox{
    			float:left;
    			width:66%;
    			background:white;
    			margin-right:20px;}
    Mi sapete dare una mano?
    Grazie

  2. #2
    UP :quote:


    Vi prego, se c'è qualcuno che sa aiutarmi mi dia una mano!
    Devo cercare di risolvere ma è tutto il pomeriggio che sono piantato! :doh:

    Ho pensato di utilizzare i margini negativi... ma non so se risolverebbero.


    Eppure non dovrebbe esser difficile. La colonna del contenuto dovrebbe essere l'unica cosa che si 'adatta' in larghezza.
    O al massimo mi va bene che si adattino entrambe le colonne.

    Il problema è mantenere la distanza tra le due colonne invariata! Devono variare i box ma non i loro margini..

    HELP!!!!

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    654
    E' da tempo che non smanetto sul css e ricordo poco dei layout liquidi.
    Non è che magari devi cambiare la percentuale della colonna destra? Non so se centra, ma colonnasx+colonnadx fanno 103%... può essere che gli dia fastidio? :master:

  4. #4
    Sì apparte la svista delle misure.... il problema non è in un errore...

    E' che non so proprio come fare ad ottenere l'effetto desiderato.

    Sto tentando di tutto ma non riesco ad uscirne!


    Aiuto!

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.