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

    Due colonne liquide e proprietà padding

    Ciao a tutti, ho un problema, premetto che sono un neofita.
    Sto cercando di realizzare un layout con due colonne liquide una a fianco all'altra. Il problema si presenta quando voglio impostare un padding in modo da non avere il testo che resta troppo vicino tra una colonna e l'altra. Solo che se imposto il padding la colonna 2 mi si sposta sotto la colonna 1... Vi allego il codice
    codice:
    #intestazione {
    	width:81%;
    	margin:auto;
    	font-size:16px;
    	font-weight:bold;
    	font:"Comic Sans MS";
    	text-align:center;
    	background-color:#F0F;
    	border-color:#000;
    	border: 2px solid;
    }
    #piepagina {
    	width:81%;
    	margin:auto;
    	font-size:9px;
    	background-color:#0FF;
    	border-color:#000;
    	border: 2px solid;
    }
    #corpo {
    	width: 81%;
    	background: #9F0;
    	margin:auto;
    	overflow:hidden;
    	border-left: 2px solid #000;
    	border-right: 2px solid #000;
    	
    }
    #colonna1 {
    	float: left;
    	width: 35%;
    	background:#9f0;
    			
    }
    #colonna2 {
    	float: right;
    	width: 65%;
    	margin-left: -1px;
    	padding-left: 20%;
    				
    }
    Spero che qualcuno mi possa aiutare..

    grazie

  2. #2
    35%+65%+20% > 100%
    riduci qualcosa

  3. #3
    Ah ecco, mi sembrava qualcosa di banale. Quindi la proprietà padding alla fine mi si somma a tutto il layout...
    Grazie per la info..

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 © 2026 vBulletin Solutions, Inc. All rights reserved.