Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente bannato L'avatar di Ht28
    Registrato dal
    May 2006
    Messaggi
    1,544

    Contenitore non si allunga in verticale

    Questo contenitore il Bigdiv non si allunga in verticale in base al contenuto degli altri div, funziona solo con Opera, con safari, ff e chrome mantiene un altezza fissa pur essendo settanta su auto

    Codice PHP:
    #Bigdiv { 
        
    background-color#f6f6f6;
        
    width600px;
        
    heightauto;
        
    text-aligncenter;
        
    margin0 auto;
        
    margin-top150px;
        
    padding-top40px;
        
    padding-bottom30px;
        
    border1px solid #bfbfbf;
        
    border-radius10px
    }

    #AlertSend {
        
    floatleft;
        
    width180px;
        
    heightauto;
        
    text-alignleft;
        
    padding-left20px;
        
    margin-top: -20px;
        
    border1px solid red;
    }  

    #Errore { 
        
    floatleft;
        
    widthauto;
        
    heightauto;
        
    text-alignleft;
        
    border1px solid green;
    }


    echo 
    "<div id="Bigdiv"><div id="AlertSend">Voci-1</div><div id="Errore">Voci-2</div></div>"


  2. #2
    Utente di HTML.it L'avatar di marco_c
    Registrato dal
    Jun 2004
    Messaggi
    1,047
    un div SENZA float:left non si allungherà MAI in verticale sulla base del contenuto di 1 o più sotto-div con float:left
    Gli uomini si dividono in due categorie: i geni e quelli che dicono di esserlo. Io sono un genio.

  3. #3
    Utente bannato L'avatar di Ht28
    Registrato dal
    May 2006
    Messaggi
    1,544
    Originariamente inviato da marco_c
    un div SENZA float:left non si allungherà MAI in verticale sulla base del contenuto di 1 o più sotto-div con float:left
    Ho risolto con position: absolute
    Codice PHP:
    #Bigdiv {
        
    background-color#f6f6f6;
        
    positionabsolute
        
    min-width600px;
        
    heightauto;
        
    left50%;
        
    margin-left: -300px;  /*metà della width*/
        
    margin-top150px;
        
    padding-top40px;
        
    padding-bottom30px;
        
    border1px solid #bfbfbf;
        
    border-radius10px
    }

    #AlertSend {
        
    floatleft;
        
    width180px;
        
    heightauto;
        
    text-alignleft;
        
    padding-left20px;
        
    margin-top: -20px;
        
    border0px solid red;
    }  

    #Errore { 
        
    floatleft;
        
    widthauto;
        
    heightauto;
        
    text-alignleft;
        
    border0px solid green;


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.