Precedente :: Successivo |
Autore |
Messaggio |
horus Macchinista


Registrato: 22/03/05 10:48 Messaggi: 2554 Residenza: Sirio e dintorni
|
Inviato: 05 Set 2005 13:48 Oggetto: * Altezza minima con i css |
|
|
Su Constile c'è un interessante articolo su come impostare l'altezza minima di un div, quello che però io vorrei sapere è se è possibile specificare anche una percentuale del div superiore.
Esempio:
Codice: |
<div id="contenitore">
<div id="testi">
</div>
<div id="menu">
</div>
</div>
|
Quando la parte contenuta nel div "testi" è molto lunga il div "contenitore" ovviamente si allunga per contenerla mentre il "menu" rimane della stessa dimensione.
E' possibile scrivere qualcosa del genere
Codice: |
div#menu {
min-height:100%;
} |
P.S.: è giusto per curiosità in quanto io in genere risolvo colorando lo sfondo di "contenitore" come il "menu" ma cerco soluzioni più eleganti. |
|
Top |
|
 |
juzo kun Dio maturo


Registrato: 19/04/04 09:32 Messaggi: 1853 Residenza: tra la tastiera e la sedia
|
Inviato: 05 Set 2005 13:59 Oggetto: |
|
|
Il Sacro Graal del CSS. Usare il trucco delle false colonne è ancora la soluzione più semplice da applicare e si può fare anche nel caso di layout elastico con float (quello che uso più spesso).
Qui l'esempio (c'è anche quello a 3 colonne se ti interessa)
L'altezza in percentuale del div funziona se dai un'altezza anche al div che lo contiene, cosa non sempre fattibile (FireFox a volte prende le cose alla lettera, un po' troppo alla lettera).
Cià
JK |
|
Top |
|
 |
horus Macchinista


Registrato: 22/03/05 10:48 Messaggi: 2554 Residenza: Sirio e dintorni
|
Inviato: 05 Set 2005 14:25 Oggetto: |
|
|
Ok, ho smanettato un po' e forse ho risolto, è un po' grezzo ma dovrebbe funzionare.
Codice: | <style>
#contenitore {background:#aaf;}
.cb {clear: both;}
#topmenu {
background:#aaf;
float:right;
width:10em;
}
#testi {
background:#faa;
margin-right:10em;
}
#footmenu {
background:#aaf;
float:right;
width:10em;
}
#foottesto {
background:#faa;
margin-right:10em;
}
</style>
<div id="contenitore">
<div id="topmenu">topmenu</div>
<div id="testi">lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum<br />lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum<br />lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum<br />lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum<br />lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum<br />lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum<br />lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum<br />lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum<br /></div>
<div class="cb"></div>
<div id="footmenu">foot</div>
<div id="foottesto"> </div>
<div class="cb"></div>
</div> |
Edit: ho preso spunto da un forum che mi piace molto e che sto pacioccando da mettere su un mio sito. |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 05 Set 2005 14:45 Oggetto: |
|
|
juzo kun ha scritto: | Il Sacro Graal del CSS. |
bella definizione
io preferisco "elasticizzarmi" distaccandomi da quell'effetto, cmq e' vero: false colonne is di ensuar
- |
|
Top |
|
 |
|