Ogni tanto mi ricordo del mio blog e scrivo qualcosa... sono pessima lo so!
Oggi voglio fare un appunto sul funzionamento dei browser nel caso in cui si voglia attribuire ad un tag table l'attributo height al 100%.
Molto spesso accade che il browser ignori questa nostra impostazione, lasciando la tabella più stretta rispetto al resto della pagina.
In realtà, l'attributo non viene ignorato, anzi. Il problema è che l'altezza dei blocchi nei quali è contenuto non è stata settata al 100%.
Infatti, l'altezza è espressa in percentuale dell'altezza del blocco contenitore. Se il blocco contenitore non ha indicazioni, si aggiusterà in base all'altezza dei blocchi contenuti.
La soluzione per fare in modo che la nostra tabella occupi il 100% della pagina è quindi settare anche l'altezza dei blocchi contenitori al 100, in questo modo:
Oggi voglio fare un appunto sul funzionamento dei browser nel caso in cui si voglia attribuire ad un tag table l'attributo height al 100%.
Molto spesso accade che il browser ignori questa nostra impostazione, lasciando la tabella più stretta rispetto al resto della pagina.
In realtà, l'attributo non viene ignorato, anzi. Il problema è che l'altezza dei blocchi nei quali è contenuto non è stata settata al 100%.
Infatti, l'altezza è espressa in percentuale dell'altezza del blocco contenitore. Se il blocco contenitore non ha indicazioni, si aggiusterà in base all'altezza dei blocchi contenuti.
La soluzione per fare in modo che la nostra tabella occupi il 100% della pagina è quindi settare anche l'altezza dei blocchi contenitori al 100, in questo modo:
html,body{height:100%;}
Aggiungi un commento