rendere compatibili i css con explorer? (framesimulate)

[jackoverfull]

ciao, da poco gestisco un piccolo sito per il giornalino della mia scuola.

l'ho realizzato con nvu e gli ho dato una vesta grafica accattivante con i css, simulando il classico aspetto "a frame".

tutto bellissimo, ero estremamente soddisfatto… lo provo con tutti i browser, mac, con tutti i browser linux e vedo che é tutto ok, così lo metto su.

poi lo provo da explorer… :?

in pratica non interpreta correttamente i css relativi alla simulazione dei frame, a quanto ho capito.

come faccio per far diventare la pagina un minimo leggibile usando explorer (se anche la colonna di sinistra scorre assieme al resto non importa, l'importante é che non rimanga così orrenda…) senza rinnciare alla simulazione dei frames sugli alti browser?

grazie

il sito é www.sitoimpronta.altervista.org

[creattivo]

sto bastardo di explorer eh?

Ho dato un'occhiata al codice html e al css che simula il frameset e l'altro css.

Il codice html è incasinato e sporco. Te lo dico subito.

La prima cosa che mi è saltata agli occhi (a parte la formattazione) è il il div masthead ripetuto due volte.

Il primo passo è correggere questi errori e cercare di produrre codice pulito, possibilmente conforme agli standard w3c.

Il css del frameset mi sembra ok. L'altro no. Non è conforme allo standard, sorry, quindi corri il rischio che venga male interpretato da qualche browser.

Non so dirti così su due piedi cosa explorer interpreta male del codice o non capisce del codice. Se mi viene un'illuminazione aggiungo qualcosa, per ora direi che ti conviene ripulire il codice.

[GaretJax]

IE non supporta l'attributo position: fixed; ma se il tutto fosse stato fatto correttamente, dovrebbe degradare in modo da spostare anche la testata. Gli errori, come ha detto creattivo, non dipendono dai css.

[jackoverfull]

Originally posted by creattivo

sto bastardo di explorer eh?    

Ho dato un'occhiata al codice html e al css che simula il frameset e l'altro css.

Il codice html è incasinato e sporco. Te lo dico subito.  

La prima cosa che mi è saltata agli occhi (a parte la formattazione) è il il div masthead ripetuto due volte.

Il primo passo è correggere questi errori e cercare di produrre codice pulito, possibilmente conforme agli standard w3c.

Il css del frameset mi sembra ok. L'altro no. Non è conforme allo standard, sorry, quindi corri il rischio che venga male interpretato da qualche browser.

Non so dirti così su due piedi cosa explorer interpreta male del codice o non capisce del codice. Se mi viene un'illuminazione aggiungo qualcosa, per ora direi che ti conviene ripulire il codice.

[jackoverfull]

Originally posted by GaretJax

IE non supporta l'attributo position: fixed; ma se il tutto fosse stato fatto correttamente, dovrebbe degradare in modo da spostare anche la testata. Gli errori, come ha detto creattivo, non dipendono dai css.

quindi cosa dovrei fare in pratica?

[GaretJax]

correggere il codice dapprima, poi vedi come reagisce

[jackoverfull]

Originally posted by GaretJax

correggere il codice dapprima, poi vedi come reagisce

fatto (almeno, dove ho capito che c'erano errori). sempre uguale…

[creattivo]

consiglino consiglietto

dotarsi di:

1 blocco per appunti quadrettato

1 penna e/o matita

disegnare il sito come lo si immagina.

passo 2, cominciare a vedere come codificare la pagina.

passo 3: scrivere un css adeguato

passo 4: scrivere il codice html della pagina

passo 5: testare il lavoro su diversi browser e fare un salto sul sito del W3C per testate HTML e CSS.

Credimi, 10 volte su 10 se si fa un lavoro attento e con calma il risultato è perfetto anche con Explorer.

[jackoverfull]

Originally posted by creattivo

consiglino consiglietto

dotarsi di:

1 blocco per appunti quadrettato

1 penna e/o matita

disegnare il sito come lo si immagina.

passo 2, cominciare a vedere come codificare la pagina.

passo 3: scrivere un css adeguato

passo 4: scrivere il codice html della pagina

passo 5: testare il lavoro su diversi browser e fare un salto sul sito del W3C per testate HTML e CSS.

Credimi, 10 volte su 10 se si fa un lavoro attento e con calma il risultato è perfetto anche con Explorer.

alla fine mi son rotto e ho rifatto tutto d'accapo con html semplice.

comunque explorer era l'unico browser a non farlo andare. non andava nemmeno il sito originale da cui ho preso il codice. bah… :roll:

[creattivo]

aaaaaaaaaaaaaaah si scoprono gli altarini eh?

Sospettavo non fosse tutta farina del tuo sacco.

La tua teoria secondo la quale explorer non è compatibile con i css è na strunzaaaaaata (senza offesa, eh?,. si scherza). Semplicemente il codice che hai usato (html e css) non era codice pulito. La faccenda di progettare siti usando codice pulito non è una sciocchezziola tanto per complicare la vita alla gente, ma è proprio per evitare che un tipo di codifica html venga letta bene da un browser e male dall'altro. Per questa ragione è molto importante approfondire bene le tematiche di codice oppure, se proprio proprio si vuole fare finta di nulla, è meglio usare codice compatibile al 100% con explorer visto che è il browser (ahinoi) più diffuso.

Insomma, perdonami, ma progettare codice non pulito e mooooolto incompatibile con explorer e poi prendersela con il browser di redmond mi pare un filino puerile, non trovi?

Dai su... io fossi in te ci riproverei con HTML complicato

[jackoverfull]

Originally posted by creattivo

aaaaaaaaaaaaaaah si scoprono gli altarini eh?

Sospettavo non fosse tutta farina del tuo sacco.

La tua teoria secondo la quale explorer non è compatibile con i css è na strunzaaaaaata (senza offesa, eh?,. si scherza). Semplicemente il codice che hai usato (html e css) non era codice pulito. La faccenda di progettare siti usando codice pulito non è una sciocchezziola tanto per complicare la vita alla gente, ma è proprio per evitare che un tipo di codifica html venga letta bene da un browser e male dall'altro. Per questa ragione è molto importante approfondire bene le tematiche di codice oppure, se proprio proprio si vuole fare finta di nulla, è meglio usare codice compatibile al 100% con explorer visto che è il browser (ahinoi) più diffuso.

Insomma, perdonami, ma progettare codice non pulito e mooooolto incompatibile con explorer e poi prendersela con il browser di redmond mi pare un filino puerile, non trovi?

Dai su... io fossi in te ci riproverei con HTML complicato

che non é tutta opera mia l'ho detto subito. é che me ne sono accorto dopo che anche l'originale (che poi é un tutorial di nvu) aveva questo problema. ma se non ci si può fidare da chi scrive programmi per scrivere il web, di chi ci si può fidare?

:roll:

[Kintaro^dan]

io invece ho grave problema con i css e explorer....ma non so proprio dove mettere le mani....aiuto?

su gli altri broswer va alla grande maledettisismo explorer...

[creattivo]

Originally posted by Kintaro^dan

io invece ho grave problema con i css e explorer....ma non so proprio dove mettere le mani....aiuto?

su gli altri broswer va alla grande maledettisismo explorer...

posta link o il codice

[Kintaro^dan]

Originally posted by creattivo+--><div class='quotetop'>QUOTE(creattivo)</div>

<!--QuoteBegin-Kintaro^dan

io invece ho grave problema con i css e explorer....ma non so proprio dove mettere le mani....aiuto?

su gli altri broswer va alla grande maledettisismo explorer...

posta link o il codice [/b]

eccoci qui!

allora il link è il seguente:

http://ruffo.garetjax.info/

il tutto me lo ha fatto un Santo, ma che per mole di lavoro attuale, non può più metterci mano (intendo i codici html e css), il problema è il css su explorer (credo table:cell che non va bene per expl) come ti dicevo ma non so prorpio come rimetterci mano......fammi sapere la tua sentenza e graziemille in anticipo! che son quasi disperato...ma non ancora casalingo....AIuto!

[GaretJax]

il problema è che IE non supporta gli attributi:

display: table-cell;

display: table-row;

display: table;

e quindi sarebbe da rifare un css separato per IE con i float al posto dei display. I link ci sono già (tramite commenti condizinali) basta fare il foglio di stile e upparlo nella posizione giusta.

[creattivo]

io a bomba vedo un po di casino sull'attributo background. Ma sta cosa è stata validata? a me pare un css non standard. Mi sbaglierò

[GaretJax]

Originally posted by creattivo

io a bomba vedo un po di casino sull'attributo background. Ma sta cosa è stata validata? a me pare un css non standard. Mi sbaglierò

Due appunti:

1. il css non valida a causa degli attributi del background. Non ce ne sono troppi, ma le specifiche non permettono l'uso contemporaneo di keywords e unità di misura per il posizionamento del background. Nonostante questo qualunque browser lo supporta.

2. quella pagina funziona (a dimostrazione di quanto detto sopra), la (o meglio le) pagine che non funzionano sono quelle della gallery (tutti i link a metà index). Il loro css invece viene validato completamente, ma come già detto il problema non dipende da questo. È IE che non supporta i valori table, table-row e table-cell sulla proprietà display.

[creattivo]

Originally posted by GaretJax+--><div class='quotetop'>QUOTE(GaretJax)</div>

Due appunti:

1. il css non valida a causa degli attributi del background. Non ce ne sono troppi, ma le specifiche non permettono l'uso contemporaneo di keywords e unità di misura per il posizionamento del background. Nonostante questo qualunque browser lo supporta.[/b]

Ah, non mi ero sbagliato.

<!--QuoteBegin-GaretJax

2. quella pagina funziona (a dimostrazione di quanto detto sopra), la (o meglio le) pagine che non funzionano sono quelle della gallery (tutti i link a metà index). Il loro css invece viene validato completamente, ma come già detto il problema non dipende da questo. È IE che non supporta i valori table, table-row e table-cell sulla proprietà display.

u r right

[Kintaro^dan]

e a me chi mi aiuta?