Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Colonne con autoresize

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2003
    Messaggi
    106

    Colonne con autoresize

    Salve a tutti, ho questo layout a trecolonne, header e footer:

    codice:
    		#container {
    			BORDER-RIGHT: #36c 2px solid; 
    			MARGIN: 0px auto; 
    			BORDER-LEFT: #36c 2px solid; 
    			WIDTH: 980px; 
    			POSITION: relative; 
    			HEIGHT: 100%; 
    			TEXT-ALIGN: left
    		}
    
    		#banner {
    			padding: 2px;
    			margin-bottom: 2px;
    			background-color: rgb(213, 219, 225);
    		}
    
    		#content {
    			padding: 2px;
    			margin-left: 206px;
    			margin-right: 206px;
    			background-color: gray;
    		}
    
    		#sidebar-a {
    			float: left;
    			width: 200px;
    			\width: 204px;
    			w\idth: 200px;
    			margin: 0;
    			margin-right: 2px;
    			padding: 2px;
    			background-color: rgb(235, 235, 235);
    		}
    
    		#sidebar-b {
    			float: right;
    			width: 200px;
    			\width: 204px;
    			w\idth: 200px;
    			margin: 0;
    			margin-left: 2px;
    			padding: 2px;
    			background-color: rgb(235, 235, 235);
    		}
    
    		#footer {
    			PADDING-RIGHT: 0px;
     			PADDING-LEFT: 0px;
    	 		PADDING-BOTTOM: 0.5em;
    			WIDTH: 100%;
    			COLOR: #000;
    			BOTTOM: 0px;
    			PADDING-TOP: 0.5em;
    			BACKGROUND-COLOR: #69c;
    			TEXT-ALIGN: center;
    			clear:both;
    		}
    Il layout non ha problemi, ma l'unica cosa che non mi piace è il fatto che le tre colonne non sono omogenee nell'espandersi.
    C'è qualche metodo affinche le due colonne sx e dx seguano quella centrale e si espandano insieme a questa camminando di pari passo?
    Per ora devo essere io a forza di br a riportarle in linea con la colonna centrale, ma non credo che sia la soluzione migliore.
    Se qualcuno ha un idea sono tutto orecchi
    Grazie anticipatamente
    Davide
    Il sapere appartiene al mondo

  2. #2
    Facciamo le ricerche prima di postare. Cerca "faux columns" o "colonne fittizie".

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.