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

    Espansione di un div su tutto lo spazio disponibile

    come si fa ad espandare un div su tutto lo spazio rimasto quando si imposta la proprietà float?

    Questo è il risultato che ottengo: http://www.dadamax.net/public/wmp/screenshot.png

    Questo è il CSS che ho impostato:

    codice:
    #center{background-color: red; width:100%;}
    #left{ width: 250px; float: left; }
    #content{padding: 10px;  background-color: yellow; float: left;}
    Questo è il codice HTML:
    codice:
    <div id="center">
    
    <div id="left">MENU SINISTRA</div>
    
    <div id="content">CONTENUTO</div>
    
    </div>
    Quello che voglio ottenere è che il CONTENUTO su sfondo giallo occupi tutta la porzione biancha rimanente a destra.

    Come se fa?:O

    Ciau!
    - Atari

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    dagli un width:100%

  3. #3
    non va bene, così lui lo estende alla dimensione completa della pagina, sovrapponendosi alla colonna di sinistra...


    Ciau
    - Dean

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    allora mi sa che ti tocca dare una larghezza in percentuale alla colonna sinistra e un'altra al contenuto in modo che la loro somma faccia 100.

  5. #5
    non c'è un altro modo per ottenere la stessa funzionalità senza usare le tabelle?

    ma che cavolo prima si diceva che non vanno bene e bisogna passare ai css, poi si scopre che in realtà sono limitati...

  6. #6

  7. #7
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    ma infatti chi ha mai parlato di tabelle?

    ma quel layout che hai linkato non mi sembrava mica quello che volevi fare tu?

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.