- Home
- Categorie
- Digital Marketing
- Grafica, Visual Design & UX
- Problema visualizzazione vari browser
-
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.
-
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 transitionalQuindi ho scrivi le tue parti in xhtml1.1 oppure riadatti tutto il template in html4
In ogni caso è un lavoraccio
-
@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 transitionalQuindi ho scrivi le tue parti in xhtml1.1 oppure riadatti tutto il template in html4
In ogni caso è un lavoraccioQuoto 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
-
Credo che, ma non vorrei sbagliarmi, il problema sia sulla conoscenza del xhtml e sul fatto che il template si riferisce a drupal
-
un esempio di costruzione di tabelle con div?
-
Ciao, in giro ne trovi tanti.
Noi ne abbiamo messi tantissimi di link in questa paginaAd esempio ne trovi alcuni anche qui
-
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 !!!
-
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!
-
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.
-
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.
-
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 !!
-
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!
-
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?
-
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...
-
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
-
....grazie per il consiglio....questa non l'avevo ancora scoperta!!!!
ps1: ma funzionano anche per opera mozila netscape?ps2:bel cagnolotto!!!!
-
@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.