Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1

    Come far crescere un div contenitore in funzione di un div interno

    ciao a tutti, premetto che mastico poco il linguaggio html e css, e sono quindi alle prime armi con la realizzazione di siti web: spero allora di essere il più chiaro possibile.
    Sono svariati giorni che provo a realizzare un contenitore che si ridimensiona in funzione di una colonna principale interna ma senza risultato e non riesco a capire dove sbaglio.. il mio sito contiene un body contenitore (div id) che raccoglie due colonne flottate (una a sinistra e una a destra); vorrei che all'allungarsi in verticale della colonna di sinistra, cresca anche il body contenitore. grazie per la pazienza

    per rendere più chiaro il mio problema ho riportato il codice html col css integrato


    body {
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    }
    #header {
    background-attachment: scroll;
    background-image: url(antaresblog_files/background.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 258px;
    width: 960px;
    margin: auto;
    }
    #body {
    background-attachment: scroll;
    background-image: url(antaresblog_files/body.gif);
    background-repeat: no-repeat;
    background-position: center top;
    height: 2300px;
    width: 960px;
    margin: auto;
    }
    #footer {
    background-attachment: scroll;
    background-image: url(antaresblog_files/footer.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 960px;
    margin: auto;
    height: 160px;
    }
    #colonna_sinistra {
    width: 405px;
    height: auto;
    float: left;
    padding-left: 108px;
    padding-top: 28px;
    }
    #colonna_destra {
    width: 320px;
    height: auto;
    float: right;
    padding-right: 108px;
    }



    <body>
    <div id="header">
    </div>

    <div id="body">

    <div id="colonna_sinistra">
    </div>


    <div id="colonna_destra">
    </div>

    </div>


    </body>


    e questo è il sito di provenienza http://www.antaresblog.altervista.org

  2. #2
    sei riuscito a sistemarlo??
    altrimenti ai provato a mettere le dimensioni in percentuale?

  3. #3
    niente da fare . .. se metto le percentuali il div contenitore si chiude su se stesso e così i div contenuti escono al di fuori del margine inferiore. aiutooooooo

  4. #4
    provare con le tabelle?

  5. #5
    <br style="clear:both;" />

  6. #6
    prima di provare con le tabelle ti sposto in CSS.

    ciaux

  7. #7
    da applicare al contenitore delle colonne

    codice:
    	/* floating images fix */
    	overflow: hidden;
    	_height:1%; /*ie hack*/
    Windows mom: «Finish your veggies! There are processes in Ubuntu that are starving to death!»
    NoWhereBlog
    FlatPress Blog Flat file, valido xhtml, espandibile

  8. #8
    Originariamente inviato da NoWhereMan
    da applicare al contenitore delle colonne

    codice:
    	/* floating images fix */
    	overflow: hidden;
    	_height:1%; /*ie hack*/
    GRAZIE! ho aggiunto queste stringhe al css del contenitore e funziona sia su IE sia su Firefox ... un aiuto più veloce di così non si poteva avere!

  9. #9
    veloce *per te*, lol, per me trovarlo è stato
    Windows mom: «Finish your veggies! There are processes in Ubuntu that are starving to death!»
    NoWhereBlog
    FlatPress Blog Flat file, valido xhtml, espandibile

  10. #10

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.