Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di gordian
    Registrato dal
    Sep 2002
    Messaggi
    1,139

    [CSS] problema su un layout a 3 colonne

    Ciao a tutti,
    avrei un layout a 3 colonne che ho adattato da un tutorial, ma ho la colonna centrale che non si allinea a quelle laterali. Gli va esattamente sotto

    Posto il codice (che tra l'altro su Firefox funziona):
    CSS:
    codice:
    #corpo {
    	width: 100%;
    	min-width:760px;
    	max-width:900px;
    	width:expression(document.body.clientWidth > 900? "900px": "auto" );
    	margin: 0 auto;
    	text-align: left;
    	background-color: #FFFFFF;
    	background-image: url(img/corpo.jpg);
    	background-repeat: repeat-x;
    	background-position: left top;
    }
    
    #colonna_center {
            width: auto;
    	margin-left: 200px;
    	margin-right: 200px;
    	min-width:360px;
    	max-width:500px;
    	width:expression(document.body.clientWidth > 500? "500px": "auto" );
    	background-color: #FFFFCC;
    }
    
    #colonna_left {
            float: left;
    	width: 200px;
    	margin: 0;
    	background-color: #CCFF66;	
    }
    
    #colonna_right {
    	float: right;
    	width: 200px;
    	margin: 0;
    	background-color: #CC6699;
    }
    XHTML:
    codice:
    <div id="corpo">
          
    	  <div id="colonna_left">l</div> 
    	  <div id="colonna_right">d</div> 
    	  <div id="colonna_center">c</div> 
    	  
    </div>
    Per favore. Sono bloccato da più di un'ora...

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non e` il metodo che preferisco per fare delle colonne, ma mi pare che la larghezza delle colonne laterali sia maggiore dello spazio lasciato (200px).

    Devi mettere anche
    border:0;
    padding:0;
    nelle colonne laterali.

    Se ancora non va, prova a permettere un po' di "gioco", ad esempio lasciando qualche pixel in piu` nei margini della col. centrale.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di gordian
    Registrato dal
    Sep 2002
    Messaggi
    1,139
    Ho provato ma il problema era un'altro:
    a EXPLORER non piaceva la stringa

    width:expression(document.body.clientWidth > 500? "500px": "auto" );

    In poche parole la dimensione massima veniva già espressa nel box #corpo. Evidentemente era superfluo ribadirlo anche all'interno nel box #colonna_center.

    Ora tutto ok.
    Grazie comunque.

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.