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

    float opposti che occupino tutto lo spazio disponibile

    Ciao,

    devo posizionare due <div> floattati ed aventi dimensione in percentuale (richiesta da specifiche).

    codice:
    #contentBox2COLS{	min-width:980px;  } 
    
    #contentLeft
    {
    	float:left;
    	width:62%;
    	margin:0 6px;
    }
    
    #contentRight
    {
    	float:left;	
    	width:36%;
    	margin:0 6px 0 0;
    }
    
    
    <div class="contentBox2COLS">
    
       <div class="contentLeft"></div>
       <div class="contentRight"></div>
    
    </div>
    Il layout di per sč sarebbe soddisfacente, se non fosse che lo spazio fra il margine destro del div destro ed il bordo della pagina cresce all'aumentare della risoluzione.
    Mentre io vorrei che tale div si espandesse per quanto possibile, lasciando 5px di margine destro e, soprattutto, senza che ridimensionando la pagina, finisca sotto il div di sinistra.

    Ho fatto diverse prove, ma non sono riuscito ad ottenere cio' che volevo. Sempre da specifiche non posso usare alcun tipo di posizionamento.

    Grazie

  2. #2
    Utente di HTML.it L'avatar di emnlmn
    Registrato dal
    Oct 2008
    Messaggi
    263
    codice:
    body {
      margin-right:6px;
    }
    
    #contentBox2COLS {	
      min-width:980px;  
    } 
    
    #contentLeft {
      float:left;
      width:63%;
    }
    
    #contentRight  {
      float:right;	
      width:37%;
      margin-left:-1px;
    }
    Prova una cosa del genere.
    Per il margine tra i due div prova ad inserirlo nei contenuti e non nei contenitori, coniugare misure in px con misure in percentuale non č mai comodo.


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.