Newsgroup: it.lavoro.professioni.webmaster
Titolo: Consiglio su gestione CSS

Ciao a tutti. Per puro hobby da 6 mesi circa ho aperto un sito web. Ora, me 
la cavo sufficientemente con il php, un po' meglio con SQL,  ma ciò che 
proprio non digerisco sono i fogli di stile. O meglio, per capirli li ho 
capiti, ma quando metto in pratica il codice c'è sempre qualcosa che è 
sballato. Soprattutto per quanto concerne i vari browser non IE. Attualmente 
utilizzo 2 fogli CSS, uno per i browser IE, l'altro per i browser non IE. Ma 
ogni volta che devo fare modifiche si sconquassa il mondo. La mia domanda è? 
Voi come fate per ridurre i conflitti? Per fare in modo che su ogni browser 
la pagina venga caricata correttamente? C'è un modo "furbo" onde evitare 
conflitti? Io, quando programmo,  (forse sbagliando) visualizzo su IE, che 
mi sembra li gestisca meglio (anche se dalle innumerevoli guide che ho letto 
viene solitamente denigrato). Poi quando visualizzo su Mozilla o Netscape 
c'è il disastro. Per questo utilizzo 2 fogli. Accetto ogni tipo di 
consiglio, anche di guide online o di libri cartacei.
Il mio sito è quello in firma. Graficamente lascia molto a desiderare, ma 
non ho un gran talento come webdesigner...mi trovo meglio a programmare, se 
non ci fossero quei maledetti CSS...
Grazie mille e buon lavoro.
-- 
Saluti da Leo
www.statisticbet.com
 - statistiche su oltre 60 tornei calcistici e sulle tue 
scommesse 

 viene solitamente denigrato).
IE viene denigrato perché interpreta in modo scorretto ed incompleto il 
boxmodel (vedi ad esempio 
http://css.html.it/guide/lezione/34/gestione-delle-dimensioni-larghezza/
 ).
Anche Firefox non è perfetto ma è sicuramente molto meglio. In 
proposito, voglio segnalare un comportamento particolare di Firefox che 
sposta un box di qualche pixel a sinistra se il contenuto fa apparire la 
barra di scorrimento verticale. Ho messo un esempio qui: 
http://utenti.lycos.it/orsocapo1239/
 (osservare l'angolo superiore 
sinistro del box nella seconda pagina).
Non ho trovato documentazione dell problema. Se qualcuno ne sa qualcosa 
per cortesia lasci un commento o un link.
Ti consiglio di sviluppare utilizzando Firefox che è più aderente agli 
standard, e solo in seguito, o contestualmente, verificare il lavoro con 
internet explorer e gli altri browser per i quali vuoi sviluppare, ed 
applicare quindi le eventuali "correzioni" al codice (hack, conditional 
comments ecc.) se la visualizzazione non è ottimale.
In rete ci sono numerosi articoli e guide ceh puoi trovare con google 
digitando "css boxmodel, css boxmodel hack, conditional comments, ecc.".
Su 
html.it
 puoi trovare guide ai CSS, come nell'esempio precedente.
L'home page del tuo sito non specifica il DTD. Dagli un'occhiata.
Ciao

 che ho trovato sull'ottimo sito 
HTML.it mi sbarella tutte le impostazioni CSS???
Grazie per la tua cortesia
Leo 


d'accordo su tutto ma non su quest'ultimo pezzo:
sviluppare purtroppo si sviluppo nel modo in cui poi la stragrande 
maggioranza dei naviganti utilizza.
Purtroppo questo modo è IE in tutte le sue versioni. Dopo....molto, molto 
dopo viene firefox.
Non fare l'errore di non tener conto di questo perche sarebbe grave.
Personalmente utilizzo firefox molto spesso ma rappresento il 7% dei 
navigatori del mio sito e questo deve far riflettere.
Ciao
alex
www.fiorentinanews.com
 

c'è il disastro. Per questo utilizzo 2 fogli. Accetto ogni tipo di 
sviluppa su ff, il disastro lo fa ie.  il problema è che ie lo usa la
laggioranza.  ma di nuovo, esistono degli standard e finalmente
possiamo dire che la maggioranza sbaglia.
-- 
abbraccio espedienti 365 giorni l'anno.
(generata da: 
http://www.phibbi.com/extra/gswe.php
)
il mio indirizzo email è valido ma filtrato: inserite 
la parola newsgroup nel subject per essere letti.

 maggioranza dei naviganti utilizza.
Si sviluppa su Firefox (oppure Opera o Safari) e poi si collauda
e si aggiustano le cose su IE6 e 7. Fare il contrario è 
controproducente, visto che alcuni malfunzionamenti del 6
sono stati corretti nel 7.
Questo *non* significa fregarsene di IE, ma invece avere una
base solida su cui poggiare.
Bye.
-- 
blog  
http://blog.deelan.com/
links 
http://del.icio.us/deelan

dopo viene firefox.
ok, ma mi vorresti dire che trovi possibile (o piacevole o produttivo)
sviluppare senza, ad es., webdeveloper e view source chart?  io no.
quindi prima sviluppo con ff e poi eventualmente correggo per ie.


 alternativa...  e del resto se ms non gli imponesse questa scelta poi
mo' me la segno.... "imporre una scelta"! Sei il Principe degli eufemismi,
Luca! :-)
ciao
Filippo B.
-- 
Ci vuole tutta la vita per imparare a vivere e, quel che forse
sembrerà più strano, ci vuole tutta la vita per imparare a morire.
(Seneca)

 dopo viene firefox.
Sono d'accordo con te sulla diffusione di IE e infatti non sostengo di 
ignorarlo. Un sito deve essere visualizzabile correttamente con più 
browser, soprattutto con quelli più diffusi.
Secondo me, però, è bene sviluppare un boxmodel corretto ed il più 
possibile aderente alle direttive del W3C, e questo per molti motivi, 
non ultimo il fatto che il futuro vedrà  una interpretazione del 
boxmodel da parte dei browser sempre migliore ed aderente alle regole 
(almeno si spera). Una volta generato un codice corretto è sicuramente 
giusto fare in modo di porre rimedio alle mancanze dei vari browser 
apportando delle modifiche selettive durante la fase di test. In 
proposito la tendenza è da molto quella di non usare nemmeno gli hack ma 
piuttosto i conditional comments (vedi 
http://css.html.it/articoli/leggi/1768/10-consigli-per-prepararsi-a-internet-explorer-7/2/
 
).
Facendo comunque verifiche continue con vari browser durante la 
produzione, a volte si decide di adottare una soluzione piuttosto che 
un'altra perché dà meno problemi di compatibilità.
Personalmente mi trovo bene a sviluppare con Firefox come browser 
principale ed a provare le pagine man mano che le faccio con IE ed altri 
browser. Comunque è una scelta personale.
Ciao


Il DOCTYPE in pratica dice al browser come deve interpretare la pagina; 
il transitional accetta forme ormai deprecate mentre lo strict no. Se 
manca la DTD il browser entra in quirks mode cioè entra in modalità 
retro compatibile (IE 6 funziona come se fosse IE 5.5). Il mio consiglio 
è quello di mettere un doctype transitional, come hai fatto, e 
modificare il codice finché la pagina non sia visualizzabile correttamente.

> benvenuto nel club.
Grazie mille per la tua risposta, sei stato gentilissimo ed esauriente.
Ho scaricato Pspad, adesso vedrò di utilizzarlo al posto del blocconote.
Ciao
Leo 

 sviluppare senza, ad es., webdeveloper e view source chart?  io no.
E firebug? Da paura!
http://getfirebug.com/
Bye!
