Newsgroup: it.comp.www.html
Titolo: [CSS] sempre un dilemma sul loro uso

Salve,
ho un problema che va dal tecnico al filosofico.
Quando creo un sito mi piace che abbia una buona visibilità su i principali
browser: Explorer, Mozilla/Netscape, Opera.
Cerco di tenermi aggiornato sul W3C e sulle loro disposizioni di usabilità e
accessibilità.
Ultimamente però utilizzando i fogli di stile é un bel problema: per fare
una bella cosa con l'utilizzo di css secondo le regole, queste vanno bene
solo per Explorer, appena si tratta degli altri 3 comincia ad andare tutto
per i fatti suoi. Che dovrei fare?
Mi sembra che se mi aggiorno io non lo facciano i browser. Un esempio? per
centrare il contenuto di una cella nei css metto "text-align:center" ma
perché funzioni con Mozilla devo riutilizzare il vecchio "align="center""
all'interno del tag TD.Per non parlare dei bordi, padding, margin...
Sta diventando una specie di paranoia, anche perché non trovo nessuna
documentazione che mi dica perché Mozilla&Co. non si aggiornino e cosa é
buono usare per far funzionare gli altri. Forse che la guerra dei browser
non é mai finita? Forse che il W3C sia solo un optional?
O sono io che non ho capito bene qualcosa? (cosa di non poco conto).
Grazie a tutti.
    Mark

 non é mai finita? Forse che il W3C sia solo un optional?
IE6 e' scarso per quanto riuarda i CSS.
ciao.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
   "
http://www.w3.org/TR/html4/strict.dtd
">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#main{
   width: 400px;
}
td {
   border: 1px solid black;
}
#main td#boo {
   text-align: center;
}
</style>
</head>
<body>
<table id="main">
   <tr>
     <td>left1</td>
     <td id="boo">centered</td>
     <td>left2</td>
   </tr>
</table>
</body>
</html>
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

buono usare per far funzionare gli altri. 
Mozilla è aggiornatissimo. Però è più severo di M$IE che tollera molti
errori di codice.
Gli stessi CSS in generale sono interpretati dai browser in maniera
molto rigorosa e, al contrario di ciò a cui eravamo abituati con il
semplice html, mal sopportano errori. 
Per evitare gli errori più banali, che soprattutto all'inizio fanno
perdere molto tempo, ti do qualche suggerimento:
- attento agli errori di scrittura del codice: metti sempre il ; alla
fine di una dichiarazione; attento a che le parentesi graffe siano
sempre chiuse e che non ve ne siano di orfane in giro per il foglio
stile; specifica sempre l'unità di misura nelle dimensioni, e
ricordati di anteporre il # ai valori esadecimali dei colori.
- assicurati di inserire il doctype all'inizio del file html.
- valida il foglio stile con il validatore che trovi sul w3c. Magari
scopri piccoli errori che possono avere effetti inaspettati. Valida
anche l'html, o sempre attraverso il validatore del w3c o con html
Tidy.
- evita le dichiarazioni css inline (tipo <p
style="text-align:left">), sostituiscile o con un foglio di stile
esterno o anche inserendo le dichiarazioni css all'interno dei tag
<style>, nella sezione <head>. Potrai controllare molto meglio le tue
pagine.
Ciao
Matteo

 dei bordi, padding, margin...
Mozilla è il browser più aderente agli standard in assoluto.
L'allineamento di un blocco si fa con
margin-left:auto;margin-right:auto, text-align:center allinea solo il
contenuto testuale (come dice il nome).
-- 
A risentirci
\  Davide G. Borin
\\ !!Scudo anti-spam attivo!! Togliere le x e "eliminami" dall'indirizzo
\\\_____________________________________________________________________

 Mozilla è il browser più aderente agli standard in assoluto.
e' una bella lotta tra moz, safari ed opera. ad esempio safari
credo sia l'unico dei tre che implementa CSS2 "text-shadow", vedi:
http://www.inluminent.com/weblog/archives/2003/10/26/text_dropshadows_using_css.php
per una volta e' una lotta a fare meglio, non peggio. :)
ciao.


non é mai finita? Forse che il W3C sia solo un optional?
Forse perche' MS fa browser bacati? :-D
-- 
 |\ |       |HomePage   : 
http://nem01.altervista.org
 | \|emesis |XPN (my nr): 
http://xpn.altervista.org

Bene, molte cose mi sono più chiare adesso... in primis la mia ignoranza. :)
Ammetto che sto imparando tante cose assieme e in poco tempo (sql, mysql,
php, html, css, javascript...) e credo un po' di confusione sia lecita. Devo
anche aggiungere che per molte cose é facile trovare un manuale in libreria
e magari scegliere il più adatto ai nostri scopi e alle nostre conoscenze.
Per i css ancora non ho trovato nessun testo che approfondisca e ne parli a
dovere.
Così mi informo online, ma devo dire che per come sono strutturate le pagine
del W3C faccio fatica. A mio modesto parere sono poco usabili (nonostante
rispettino le regole di Jackob Nielsen!). Così vengono fuori le mie pecche a
proposito.
Che fare? Vorrà dire che via via che mi informo mi riscriverò degli appunti
da tenere a portata di mano ad ogni esigenza e sicuramente frequenterò di
più questo NG ;)
Un grazie a tutti e un saluto
    Mark

Mark Renton ha scritto:
| Bene, molte cose mi sono più chiare adesso... in primis la mia ignoranza. :)
| Ammetto che sto imparando tante cose assieme e in poco tempo (sql, mysql,
| php, html, css, javascript...) e credo un po' di confusione sia lecita. Devo
| anche aggiungere che per molte cose é facile trovare un manuale in libreria
| e magari scegliere il più adatto ai nostri scopi e alle nostre conoscenze.
| Per i css ancora non ho trovato nessun testo che approfondisca e ne parli a
| dovere.
Ce n'è un sacco, dai uno sguardo qui: ci trovi un po' di recensioni.
http://japan-interface.co.uk/webdesign/books.html
Un consiglio: fai le cose un po' per volta e non mettere troppa carne al fuoco.
Il rischio è grosso: imparare un po' di tutto, ma malissimo: tanto da faticare
a togliersi cattive abitudini e convinzioni, e magari neanche sapere di averne.
| Così mi informo online, ma devo dire che per come sono strutturate le pagine
| del W3C faccio fatica. A mio modesto parere sono poco usabili (nonostante
| rispettino le regole di Jackob Nielsen!). Così vengono fuori le mie pecche a
| proposito.
Quella del W3C è da considerarsi come una reference, anche troppo approfondita:
non credo che sia una buona base di partenza. Personalmente la uso solo per
risolvermi dubbi teorici a cui non trovo risposta da altre parti.
Meglio inizare con dei tutorial. Puoi cominciare da qui:
www.w3schools.com
www.brainjar.com
www.mako4css.com
Saluti,
    SantaKlauss

     SantaKlauss
Grazie é dire poco!!
Saluti anche a te
    Mark