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

    Div fratello 100% div contenitore- semplice?

    Ciao ragazzi.
    Problema tanto semplice ma che non riesco a risolvere.
    Ho un div padre #container al 100% della pagina.
    All'interno del div contenitore mi serve un altro div che vada al 100%... ma non riesco.
    Pensavo che dare le stesse impostazioni del div contenitore bastasse e invece non è così.


    questa è la pagina di esempio

    qui il codice
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head>     
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />     
    <title>prova</title>     
    <style type="text/css">     
    html,body{     
    margin:0;     
    padding:0;     
    height:100%;     }   
      
    #container{     
    width:940px;     
    margin:0 auto;     
    height:auto!important;     
    height:100%;     
    min-height:100%;     
    background-color:red;     
    position: relative;     }     
    
    #ancora{     width:300px;     
    margin:0 auto;     
    height:auto!important;     
    height:100%;     
    min-height:100%;     
    background-color:#fff;     
    position: relative;     }     
    </style> 
    </head> 
    <body>     
    <div id="container">        
           <div id="ancora">ciao</div>     
    </div> 
    </body> 
    </html>

    come posso fare afinchè il div bianco vada al 100% in altezza di quello rosso?

    Grazie
    Bisogna aver pazienza con gli uomini

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    hai impostato l'altezza del div "ancora" come auto: infatti la dicitura important serve a sovrascrivere l'impostazione delle direttive successive.

    Se vuoi che sia alta 100%, togli (o commenta) la riga con height: auto !important

    PS: questo vale per i browser standard: per IE in quirks mode la cosa dipende da altri fattori
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    esatto.
    Bisogna toglierla da entrambi i div e funziona.

    Grazie mille, a te.
    Bisogna aver pazienza con gli uomini

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.