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

    dimensione container fissa

    su quale valore devo agire x avere le dimensioni in altezza del container fisse
    }
    #content {
    width: 900px;
    color: #333;
    border: 1px solid #ccc;
    background: #F2F2E6;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    height: 350px;
    }
    oppure che il contenuto non esca dal container e mi faccia scorre la pag. verso il basso in modo che lo sfondo del container non basta ?
    grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2008
    Messaggi
    107
    overflow:scroll

  3. #3
    Originariamente inviato da dori88
    overflow:scroll
    :master:
    se inserisco la riga che mi hai suggerito nel cod css:
    }
    #content {
    width: 950px;
    color: #333;
    border: 1px solid #45322E;
    background-image: url(immaginisito/sfumato375.jpg);
    margin: 0px 0px 5px 25px;
    padding: 0%;
    min-height: 375px;
    overflow: scroll;
    }
    ho dei problemi mi appare sul container 1 barra di scorrimento vert./oriz. non selezionabile
    dovrei risolvere il problema visto che in base a questa opzione posso creare 1 layout decente
    grazie

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    39
    L'overflow gestisce appunto il contenuto eccedente alle dimensioni di un box.
    Se lo imposti a "scroll", le barre di scorrimento saranno sempre visibili anche se non necessarie, se imposti ad "auto" compaiono solo quando servono mentre con "hidden" tutto quello che eccede il contenitore non viene visualizzato. Forse è quest'ultima soluzione che ti serve.
    ...sembra ancora di sentirlo dire al mercante di liquori "Tu che lo vendi, cosa ti compri di migliore?!". [F.De Andrè]

  5. #5
    anche mettendo:
    }
    #content {
    width: 950px;
    color: #333;
    border: 1px solid #45322E;
    background-image: url(immaginisito/sfumato375.jpg);
    margin: 0px 0px 5px 25px;
    padding: 0%;
    min-height: 375px;
    overflow: hidden;
    }
    non funziona...
    io vorrei che se metto l' atezza del container in 375px se metto del testo nel conatainer + "lungo" di 375px questo non mi si allunghi in automatico ma rimanga sempre 375px, poi sarò io a modificare il contenuto che inserisco nel container in modo che mi occupi 375px
    ad esempio quello che succede in questa pag: http://lisca.altervista.org/danilobarozzi/bio.html ovviamnete il testo è + lungo però vorrei che mi si tagliasse alla fine del container e avendo la possibilità di fare + piccolo il testo per non superare i 375px come risolvo ?
    grazie

  6. #6
    Utente di HTML.it
    Registrato dal
    Aug 2008
    Messaggi
    107
    Se all'interno di un tag div grande per es. 500 px inserisco un'immagine di 700px, l'immagine viene tagliata a 500px... Quindi hidden funziona..
    Mi viene dunque da pensare che hidden funzioni soltanto in orizzontale???

  7. #7
    come risolvo il problema vorrei 1 container con le misure fisse al di fuori di quello che gli metto dentro anche se è + grosso
    grazie

  8. #8
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    39
    height:375; (no min-height!)
    overflow:hidden;
    ...sembra ancora di sentirlo dire al mercante di liquori "Tu che lo vendi, cosa ti compri di migliore?!". [F.De Andrè]

  9. #9
    Originariamente inviato da Tom.Xmas
    height:375; (no min-height!)
    overflow:hidden;
    quindi in questo modo imposto la dimensione in altezza in 375px e se metto 1 contenuto testo foto ecc ecc + di 375px in altezza non sborda dal container ? ma la taglia poi sarò io a ridimensionare il test/foto in modo che sia centrata in altezza nei 375px ?
    speriamo
    grazie

  10. #10
    Originariamente inviato da Tom.Xmas
    height:375; (no min-height!)
    overflow:hidden;
    ho quasi risolto solo che il container continua a cambiare dimensione ugualmente come facio a tenerlo sempre in misura x tutte le pag. ?
    alla fine vorrei qualcosa del genere:
    http://www.raptuz.com/home_muzic.php
    ovvero fare stare tutta la pag in 1024*768
    * { padding: 0; margin: 0; }

    body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    }
    #wrapper {
    margin: 0 auto;
    width: 1000px;
    }
    #header {
    width: 950px;
    color: #333;
    padding: 0%;
    border: 1px solid #45322E;
    height: 150px;
    margin: 5px 0px 0px 25px;
    background-image: url(immaginisito/testatafondook.jpg);
    }
    #navigation {
    width: 950px;
    color: #333;
    padding: 0%;
    border: 1px solid #45322E;
    min-height: 5px;
    margin: 0px 0px 0px 25px;
    background-image: url(immaginisito/sfumato375.jpg);
    }
    #content {
    width: 950px;
    color: #333;
    border: 1px solid #45322E;
    background-image: url(immaginisito/sfumato375.jpg);
    margin: 0px 0px 5px 25px;
    padding: 0%;
    height: 375px;
    overflow: hidden;
    }
    #g1{
    margin: auto;
    }

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.