Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 15
  1. #1
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114

    Problema DOCTYPE con IE

    Colgo l'occasione per salutarvi... è da un pò che manco!

    La questione è la seguente:

    Utilizzo un Doctype loose, che con Firefox, Opera e qualche altro Browser, permette la corretta visualizzazione della pagina, diversamente, però, con IE la pagina risulta completamente errata principalmente per la variabile height settata al 100% in determinate condizioni di tabella!

    Togliendo il Doctype, la pagina in IE risulta identica a quella desiderata (ma non so cosa comporta in Firefox, etc.. se quindi, togliendo il doctype cambia la visualizzazione... non l'ho ancora provato perchè non ho a portata di mano il file!). Perciò, cosa si fa in questi casi?

    Grazie ancora e a presto!

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    si usano i commenti condizionali per IE. Il doctype non dovrebbe mai mancare nelle pagine web.

    Cyà

  3. #3
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    Protesti spiegarti meglio? I commenti condizionali.. che significa? Mai sentiti!


  4. #4
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    Ecco la risposta:

    http://sbrada.com/blog/?p=45#more-45

    Ma, personalmente non credo che sarei riuscito a risolvere diversamente... cmq, per ora tengo tutto come ho fatto e aspetterò di vedere come si visualizza il tutto senza l'immissione del doctype. Pareri? ^^

    Non ditemi che senza il doctype la pagina si vedrà male negl'altri browser!


  5. #5
    Guarda il Doctype è importante per una pagina HTML perchè il browser deve riconoscere la versione di linguaggio utilizzata e interpretarla.

    Il tuo problema è un altro:Internet Explorer è rinomato per interpretare le formattazioni a modo suo per questo è consigliabile sviluppare un sito web prima con firefox e opera (i browser standard) e poi aggiustare le cose per IE includendo un css in più sotto commento condizionale come ti ha consigliato Myaku.

    Buon lavoro

  6. #6
    Se hai capito cos'è il doctype allaora avrai capito che ci vuole.
    Ovviamente il codice andrà scritto seguendo le "linee" dettate dal doctype che scegli.

    Se il sito è amatoriale per gli amici non farti problemi... nessuno ti dirà nulla
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    2,620
    esattamente qual'è il doctype? (Xhtml 1,1.1,Html 4...)

  8. #8
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">


    Il problema si rilevava nei table annidati e specificatamente con la variabile Height=100% e width="100% che o occupava tutto lo schermo (nonostante ci fossero altre td) oppure non si apriva in altezza in presenza di iframe (anche se non credo fosse questo il motivo, bensì l'annidamento di varie e svariate tabelle) annidati in altre tabelle. Il layout pagina (Table perchè in div non era possibile!) è abbastanza complesso.

    Faccio un esempio:

    <table width="100%" style="height: 100%;">
    <tr>
    <td>

    <TABLE width="100%" style="height: 100%;">
    <TR>
    <TD style="width: 100;" nowrap>
    </td>
    <TD style="width: 100%;" nowrap>
    </td>
    <TD style="width: 100;" nowrap>
    </td>
    </tr>
    </table>

    </td>
    </tr>
    </table>

    Questo codice tabella annidato chissà in quale riga e in quale colonna.. che per firefox è esatto (con il doctype) per ie invece c'è bisogno di altro codice (questa soluzione l'ho escogitata dopo molto impazzimento, ma resta il fatto che in altre circostanze di annidamento può non funzionare!); vediamo la soluzione per IE:


    <table width="100%" style="height: 100%;">
    <tr>
    <td>

    <TABLE width="100%" style="height: 100%;">
    <TR>
    <TD style="width: 100;" nowrap>

    <TABLE width="100%" style="height: 100%;">
    <TR>
    <TD style="width: 100;" nowrap>
    </td>
    </tr>
    </table>

    </td>
    <TD style="width: 100%;" nowrap>

    <TABLE width="100%" style="height: 100%;">
    <TR>
    <TD style="width: 100;" nowrap>
    </td>
    </tr>
    </table>

    </td>
    <TD style="width: 100;" nowrap>

    <TABLE width="100%" style="height: 100%;">
    <TR>
    <TD style="width: 100;" nowrap>
    </td>
    </tr>
    </table>

    </td>
    </tr>
    </table>

    </td>
    </tr>
    </table>


    Come vedete c'è bisogno di altro codice annidato, ma come detto questo non è sempre valido!

    PS. Non è un sito amatoriale bensì di un nuova azienda che io dovrei gestire e "far camminare"!

  9. #9
    bene, se è una azienda va fatta pure trovare sul web, e per farla trovare sul web dev'essere ben rittraccabile con google.
    Per renderla rintracciabile da google è sconsigliato l'utilizzo di frame per i motivi descritti in questo post.

    Un altro consiglio: dato che sarai tu ad aggiornare il sito, questo sarà più facile gestirlo tramite un css esterno e con l'utilizzo dei div. Solamente così puoi cambiare i testi delle pagine senza perderti in mezzo alle formattazioni delle pagine e senza doverti ricordare che cella devi modificare, magari sbagliando... Tutto ciò IMHO!

  10. #10
    Utente di HTML.it L'avatar di Igreo
    Registrato dal
    Jun 2004
    Messaggi
    1,114
    Sei andato un pochino OT.. cmq, non ho problemi per l'indicizzazione in quanto le pagine non avranno il FOLLOW e saranno indicizzate singolarmente, oppure farò un pagina con tutti i link indicizzandola con follow... ma questo verrà fatto in seguito!

    Ora vorrei focalizzare l'attenzione su questo problema!

    Grazie ancora.

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.