ho una pagina (generata con visualstudio) che ha il tag iniziale:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
sguendo l'articolo http://css.html.it/guide/lezione/64/...ma-del-footer/ sul noto problema del footer(footer sempre in basso indipendentemente dal contenuto della pagina) sono riuscito a seguire le indicazioni e il footer rimane correttamente al suo posto solo se sulla pagina NON c'e' il tag <!DOCTYPE..>
Mettendo quel tag il footer scivola piu in basso, credo questo faccia cambiare l'interpretazione da parte del browser della regola di stile riferita all'altezza del tag html, body o qualche contenitore.
Ora togliendo semplicemente questo tag <!DOCTYPE > risolvo il problema del footer ma mi si incasinano un sacco di altre cose.
Qualcuno sa darmi qualche indicazione di come impostare correttamente le altezze per tenere il footer in basso
ecco il codice della pagina, potere provare lasciando e togliendo il tag doctype e vedere le differenze
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style> html, body { margin: 0px; padding:0px; height: 100%; /*min-height: 100%;*/ } #container { background-color: azure; position:relative; height: 100%; padding-bottom:50px; /* padding lasciato per non andare sotto il footer */ } #main { background-color:yellow; } #footer { height:50px; position: absolute; bottom: 0px; width: 100%; border: solid 1px green; background-color:green; } body>div#container { height: auto; min-height: 100% } </style> </head> <body> <div id="container"> <div id="main"> pagina con poco contenuto pagina con poco contenuto pagina con poco contenuto pagina con poco contenuto pagina con poco contenuto pagina con poco contenuto fine contenuto############### </div> <div id="footer">testo del footer</div> </div> </body> </html>
Rispondi quotando
