Pagina 2 di 2 primaprima 1 2
Visualizzazione dei risultati da 11 a 19 su 19

Discussione: Template Centrato

  1. #11
    Originariamente inviato da sandrone65
    è necessario dichiarare il doctype.
    e io aggiungo: preferibilmente strict

  2. #12
    Utente di HTML.it L'avatar di sandrone65
    Registrato dal
    May 2009
    residenza
    Guidonia Montecelio
    Messaggi
    129
    Originariamente inviato da Ticio94
    Io non sono riuscito a centrare un div con il margin auto neanche in IE9. Secondo me ti sbagli, IE ignora questo codice. Prova tu stesso!
    Quale codice?
    Se non sbagli ora e di nuovo, è segno che non vuoi correre rischi. [W.Allen]

  3. #13
    Utente di HTML.it L'avatar di sandrone65
    Registrato dal
    May 2009
    residenza
    Guidonia Montecelio
    Messaggi
    129
    Si scusa, a quest'ora sono ancora più lento del solito..... intendevi il margin:auto... ma no che non lo ignora, dai, i layout centrati si fanno con il margin:auto e funzionano egregiamente.... se però hai esempi simili non funzionanti su IE... beh diamogli un'occhiata e vediamo cosa non va.
    Ciao
    Se non sbagli ora e di nuovo, è segno che non vuoi correre rischi. [W.Allen]

  4. #14
    Utente di HTML.it
    Registrato dal
    Nov 2010
    Messaggi
    36
    Originariamente inviato da sandrone65
    Si scusa, a quest'ora sono ancora più lento del solito..... intendevi il margin:auto... ma no che non lo ignora, dai, i layout centrati si fanno con il margin:auto e funzionano egregiamente.... se però hai esempi simili non funzionanti su IE... beh diamogli un'occhiata e vediamo cosa non va.
    Ciao
    Per esempio questo semplicissimo div come faccio a centrarlo con il doctype Transitional in IE:
    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
    <html>   
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">   
    <title>Test</title>    
    </head>    
    <body style="margin: 0px; padding:0px;">   
    <div style="width:100px; margin: 0px auto; padding:0px;">testo testo</div>  
    </body>  
    </html>

  5. #15
    Utente di HTML.it L'avatar di sandrone65
    Registrato dal
    May 2009
    residenza
    Guidonia Montecelio
    Messaggi
    129
    E' sempre una questione di DOCTYPE.
    Dichiaralo in questo modo e vedrai che funziona benissimo su IE6, IE7 ed IE8

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">  
    <html>   
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">   
    <title>Test</title>    
    </head>    
    <body style="margin: 0px; padding:0px;">   
    <div style="width:100px; margin: 0px auto; padding:0px;">testo testo</div>  
    </body>  
    </html>
    Se non sbagli ora e di nuovo, è segno che non vuoi correre rischi. [W.Allen]

  6. #16
    Utente di HTML.it
    Registrato dal
    Nov 2010
    Messaggi
    36
    Originariamente inviato da sandrone65
    E' sempre una questione di DOCTYPE.
    Dichiaralo in questo modo e vedrai che funziona benissimo su IE6, IE7 ed IE8

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">  
    <html>   
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">   
    <title>Test</title>    
    </head>    
    <body style="margin: 0px; padding:0px;">   
    <div style="width:100px; margin: 0px auto; padding:0px;">testo testo</div>  
    </body>  
    </html>
    Intendevo con lo stesso doctype che io ho dichiarato. Se è per questo basta anche solo cambiare il Transitional con lo Strict nel mio doctype senza usare l'XHTML.

  7. #17
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Guarda questo codice qui funziona in IE8 e pure in IE6.

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    </head>
    
    <body >
    <div style="width:400px; height:100px; background-color:#f00; margin:0 auto;"></div>
    </body>
    </html>
    secondo me nel tuo caso non funziona perchè hai messo la width nel body a 50% e magari anche il float:left non aiuta.

  8. #18
    Utente di HTML.it
    Registrato dal
    Nov 2010
    Messaggi
    36
    Ora ho capito, c'era una differenza tra la dichiarazione del mio doctype e del tuo.
    Infatti, tu hai inserito l'indirizzo di riferimento a cui è possibile trovare la DTD (http://www.w3.org/TR/html4/loose.dtd) e io no. In HTML non lo si fa quasi mai perchè gli URL a cui trovare la documentazione sono universalmente noti. Come può una cosa del genere influire su un margin auto. IE deve sempre avere qualche difetto su ogni cosa! Pensa che da un test recentemente condotto da un'autorevole rivista di informatica è emerso che IE visualizza correttamente solo 101 su 300 pagine in HTML5. Mozilla ben 213 su 300 in HTML5.

  9. #19
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    oddio, cosa intendi che glu URL sono universalmente noti? noti a chi? al browser?
    ma comunque le dichiarazioni DOCTYPE sono standard, non è che te le puoi inventare togliendo pezzi a tua discrezione.

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.