• Super User

    Problema visualizzazione vari browser

    Ciao a tutti,
    sto iniziando a fare un sito però visitandolo da vari browser mi da
    seri problemi di impaginazione. Qualcuno potrebbe aiutarmi?
    il sito è http://www.immigrazione.biz
    Grazie;)


  • Super User

    Ciao, quali sarebbero i problemi di impaginazione riscontrati e quali tecniche css hai usato?


  • Super User

    con firefox vedo tutto ok, con ie7 invece la tabella centrale la vedo tutta spostata sulla destra.
    Non so cosa intendi per tecniche di css, ma penso siano le più semplici.


  • Super User

    Ciao, per prima cosa non anniderei le tabelle una dentro l'altra.
    Per seconda cercherei di seguire la strada data nel template css di drupal, ovvero senza tabelle ma con div.

    La versione di xhtml che usi è la 1.1 (che ti ricordo è solo strict) totalmente incompatibile con il modo di scrivere i dati tabellari. Il doctype lo conferma e IE si comporta in maniera rigida.
    La tabella l'hai scritta in html4.0 transitional

    Quindi ho scrivi le tue parti in xhtml1.1 oppure riadatti tutto il template in html4
    In ogni caso è un lavoraccio


  • User Attivo

    @hogudo said:

    Ciao, per prima cosa non anniderei le tabelle una dentro l'altra.
    Per seconda cercherei di seguire la strada data nel template css di drupal, ovvero senza tabelle ma con div.

    La versione di xhtml che usi è la 1.1 (che ti ricordo è solo strict) totalmente incompatibile con il modo di scrivere i dati tabellari. Il doctype lo conferma e IE si comporta in maniera rigida.
    La tabella l'hai scritta in html4.0 transitional

    Quindi ho scrivi le tue parti in xhtml1.1 oppure riadatti tutto il template in html4
    In ogni caso è un lavoraccio

    Quoto tutto e, per fare il pignolo 😛 aggiungo che l' XHTML 1.1 deve essere servito solo come application/xhtml+xml e non come text/html .

    Quindi meglio passare a XHTML 1.0 Strict


  • Super User

    Credo che, ma non vorrei sbagliarmi, il problema sia sulla conoscenza del xhtml e sul fatto che il template si riferisce a drupal


  • Super User

    un esempio di costruzione di tabelle con div?


  • Super User

    Ciao, in giro ne trovi tanti.
    Noi ne abbiamo messi tantissimi di link in questa pagina

    Ad esempio ne trovi alcuni anche qui


  • User Attivo

    Scusa Stable, ma che editor o programma hai usato per fare il sito web ???
    coffecup,dreamwear,frontpage,notepade ecc..
    Sai molte volte dipende con che editor o programma l'hai fatto !!! :mmm:


  • User Attivo

    Ciao a tutti, è fastidioso la diversa interpretazione del linguaggio HTML tra IE e MF, cmq l'unica cosa da vare è l'utilizzo dei DIV che sono anche accessibili, oppure utilizzare un trucchetto "sconcio" 😛

    <p align="center">
    <table ... >
    ...
    </table>
    </p>

    Ciao alla prossima! 😄


  • User Attivo

    Comunque per quanto riguarda i div sups molti elementi HTML possono essere "nidificati". La nidificazione è più facilmente comprensibile attraverso esempi::)
    <p>You <em>rock</em></p> ha un elemento <em>dentro un elemento <p>. La situazione può complicarsi, per esempio
    <h1>ciao<em>do <span style="color:red">not</span> clean up</em> their rooms</h1> Si possono nidificare gli elementi fin quando si vuole ma i tag devono essere chiusi nell'ordine inverso nel quale sono stati aperti.:sbonk:


  • User Attivo

    La nidificazione è una gran roba, ma nn bisogna aprofittarsene, le pagine web devono essere accessibili da tutti, anche da programmi x la video-lettura (per le persone meno fortunate).
    Questi programmi fanno fatica a leggere il contenuto delle pagine, quindi meno nidificazioni ci sono, meglio è.
    Altro fatto fondamentale, dividere il testo dal contenuto grafico e... utilizzare i DIV per farlo. 😄


  • User Attivo

    Per quanto riguarda le tabelle (come diceva hogudo) eccoti come crearne una !!! Buon divertimento Stable 😉
    <table>...</table>Crea una tabella<tr>...</tr>Crea una riga in una tabella <th>...</th>Crea una cella d'intestazione all'interno di una riga; il contenuto è visualizzato di solito in grassetto e centrato<td>...</td>Crea una cella dati all'interno di una tabella. <colgroup>...</colgroup>Specifica un gruppo di colonne in una tabella. <col> (<col /> in XHTML)Specifica gli attributi per una colonna. <caption>...</caption>Specifica un titolo per l'intera tabella.<thead>...</thead>Specifica l'intestazione della tabella. Questa sezione può essere ripetuta se la tabella è divisa in più pagine (nella stampa o in altre possibili tipi di stampa).<tbody>...</tbody>Specifica la parte principale della tabella.<tfoot>...</tfoot>Specifica la parte bassa della tabella. Come <thead>, Questa sezione può essere ripetuta se la tabella è divisa in più pagine (nella stampa o in altre possibili tipi di stampa).E con questo concludo ciao alla prossima ragazzi !! :yuppi:


  • User

    Se vuoi posso dirti come ho fatto io.... con questo codice:
    if (document.all)
    //explorer
    { if(navigator.appName.indexOf("Opera")!=-1)
    { document.write("qui associ il foglio di stile"); }
    else { document.write("qui associ il foglio di stile"); }
    } else
    { //mozilla if (!document.all) document.write("qui associ il foglio di stile"); }
    riconosce i tipi di browser e a seconda di quello che stai usando gli associ un foglio di stile diverso!


  • Super User

    Ciao Manuminù e benvenuta sul ForumGT 🙂

    Non sarebbe meglio un controllo condizionale sul foglio di stile per eventualmente battezzare IE ?

    Con il tuo esempio se ho javascript disattivato che succede?


  • User

    Penso e dico penso che se hai javascript disattivato non funzioni...però c'è il modo di dirgli se javascript funziona fai questo se no fai quest'altro...non mi ricordo il comando specifico....
    puoi eventualemente fare così definire un div nell'html e poi nei css distinguerlo..ad esempio:
    DIV.rett_dx_IE
    {

    }
    DIV.rett_dx_MOZILLA
    {
    }

    così a seconda che sei su mozilla o ie puoi visualizzare bene le pagine però devi lo stesso mettere nella pagina html un codice javascript del tipo:

    function defCSS()
    {
    var browser=(document.all)?"_IE":"_MOZILLA";
    document.getElementById("rett_dx").className="rett_dx"+browser;
    }

    oltre tutto un javascript nei css non va bene...sempre secondo me...perchè poi dal punto dell'accessibilità e usabilità il w3c non te lo valida...


  • User Attivo

    non è più semplice usare i commenti condizionali specifici per browser?

    es:
    <!--[if IE 6]>
    Special instructions for IE 6 here
    <![endif]-->

    es:
    <link href="screen.css" rel="stylesheet" media="all" type="text/css" title="Screen Stylesheet" />

    <!--[if lt IE 7]>
    <link href="ie6.css" rel="stylesheet" media="all" type="text/css" title="Screen Stylesheet" />
    <![endif]-->
    <!--[if gte IE 7]>
    <link href="ie7.css" rel="stylesheet" media="all" type="text/css" title="Screen Stylesheet" />
    <![endif]-->

    riferimento:
    commenti condizionali per IE


  • User

    ....grazie per il consiglio....questa non l'avevo ancora scoperta!!!!
    :yuppi:
    ps1: ma funzionano anche per opera mozila netscape?

    ps2:bel cagnolotto!!!!


  • User Attivo

    @ManuMinù said:

    ps1: ma funzionano anche per opera mozila netscape?

    sono per IE
    l' ideale è un foglio di stile per i vari mozilla, opera, safari e usare i commenti condizionali per i possibili problemi nelle varie versioni di IE.
    Altrimenti che vorresti fare 10 stili diversi? naaa

    @ManuMinù said:

    ps2:bel cagnolotto!!!!
    Cagnolotta ormai vecchiotta... Tatina di quasi 9 anni. 😉