Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Dimensionamento DIV

  1. #1

    Dimensionamento DIV

    Scusate per il post precedente

    Sto cercando di lasciar perdere le tabelle..e iniziare ad usare solo ed esclusivamente i DIV ma è da un pò che combatto con un piccolo problema..

    In pratica ho due div, uno dentro l'altro...e vorrei fare in modo che se quello interno si allunga in base al testo anche quello esterno si allunga!

    Solo che non ci riesco...

    Come fare??

    Questo è il codice della index

    Codice PHP:
    <body>
    <
    div align="center">
        <
    div class="container" align="center">
           
               <
    div class="header">
             
             [
    img]images/header.jpg[/img
            </
    div>
            <
    div class='content'>
                <
    div class="center">            
                </
    div>
                <
    div class="menu">
                       
                </
    div>
            </
    div>
            <
    div class="footer">
              
            </
    div>
        </
    div>
        


    </
    div>

    </
    body
    Queste invece le classi dello style.css

    Codice PHP:
    .header
    {
    width:716px;
    height:136px;
    }
    .
    footer
    {
    background-imageurl(images/footer.jpg);
    width:714px;
    height:110px;
    }

    .
    container
    {
    width:716px;
    height:390px;
    }
    .
    center
    {
    background#fff;
    width:686px;
    heightauto;
    float:left;
    border-right:1px solid #1900a6;
    }
    /* menu */ 
    .content
    {
    width:714px;
    height770px;
    background#fff;
    border-right:1px solid #1900a6;
    border-left:1px solid #1900a6;

    Il risultato che vorrei ottenere è il dimensionamento automatico del div centrale..in base al contenuto!

    Cioè se per esempio inserisco un testo all'interno del div centrale..vorrei che tutta la struttura si allunghi di conseguenza. Un pò come avviene con le tabelle!!

    Grazie in anticipo!

  2. #2
    Utente di HTML.it L'avatar di AvOJaromil
    Registrato dal
    Feb 2006
    residenza
    laddove si stagiona formaggio dentro a dei grossi buchi di tufo
    Messaggi
    549
    ti dico subito che non posso aiutarti. scrivo anche io qui perchè ho un problema identico.
    io ho notato questa cosa:
    un div contentitore contiene tre div posizionati in assoluto; il div contenitore ha un bordo che praticamente circonda tutti gli altri. ora, questo bordo si allunga in proporzione al contenuto solo se anche il div contenitore è posizionato in assoluto. se così non è il bordo neanche si vede

    che sara?
    "homer sei tonto come un mulo e due volte più brutto. se uno sconosciuto ti offre un passaggio tu devi accettarlo..."

    www.flickr.com/photos/asciella/
    www.lastfm.it/user/qvaioe/

  3. #3
    Speriamo risponda qualcuno che sa risolvere questo problema

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    @AvOJaromil
    L'uso dei posizionamenti e` una pratica complessa nei CSS (intendo: piu` complessa di altre che escludono l'uso del position).
    Un primo passo per capire sono questi articoli:
    I posizionamenti assoluti
    Capire i posizionamenti relativi

    @ambedue
    L'uso del float e` un po` delicato: infatti anche il float toglie il blocco dal flusso, ma lo lascia al suo posto. In pratica il contenitore racchiude solo il bordo superiore di un float, poi questo e` lasciato flottare da solo.
    Per farlo lavorare in modo "normale" occorre "chiudere" un blocco float con un opportuno blocco con clear, da posizionare dopo il float stesso (all'interno dello stesso contenitore).
    Vedete ad esempio la pillola sul clearing di fcaldera, che affronta e risolve il problema (usate il bottone "cerca" in testa al forum).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.