Newsgroup: it.comp.www.html
Titolo: sniffer js: risolviamo tutti i problemi!

sto sviluppando una nuova versione del sito del mio paese e mi sono 
imbattuto nelle solite cagate di ie sul width e sul padding. ero 
disperato, quando ho trovato questo:
*********************************************************
http://pro.html.it/articoli/id_148/idcat_8/pag_3/pag.html
*********************************************************
che bellezza! finalmente tutti i miei problemi risolti!
solo una pecca: non fa lo sniff per opera.

 on &g wrote in news:fk6wb.140764
$
e6.50...@twister2.libero.it
:

Altre spiegazioni su sniffer e browser:
http://dhtmlnirvana.com/content/browsersniff/browser.html
-- 
FastFede on WinMx
(eliminare NOSPAM dall'indirizzo)

robiweb90 wrote:

* "Se il browser è Netscape 4 carico il CSS x"
e' c'e' bisogno di usare JS per fare questo??? epoi
basta con sto NS4, non se ne puo' piu'!
* Se il browser è Explorer (4, 5, 6) carico il CSS y
* Se il browser è Netscape 6 carico il CSS z
...e se JS non e' attivato non si carica un bel nulla!
pazzesco, praticamente utilizzano JS per capire quale
CSS applicare alla pagina! ALLUCINANTE! su 
html.it
ci sono diverse cose discutibili, ma questa e' 'na bestemmia!
por favor, utilizzate questo:
http://pro.html.it/articoli/id_148/idcat_8/pag_2/pag.html
***
consiglio la lettura di:
"Designing With Web Standards"
http://tinyurl.com/w80k
-- 
email: goldicus1970 AT yahoo DOT it
blog: 
http://www.deelan.com/

 
http://pro.html.it/articoli/id_148/idcat_8/pag_2/pag.html
Si, ma funziona solo per Netscape 4. E per le differenze fra gli altri 
browser come ti comporti?



Affidarsi interamente a javascript per il caricamento dei fogli di stile
non offre un grado accettabile di affidabilità.
All'interno dello script, testare solo gli oggetti (in particolare document.all)
abbatte ulteriormente il livello di affidabilità.
Infine, testando PRIMA document.all e POI document.getElementById
ottieni il brillante risultato che opera carica il foglio di stile a random,
a seconda dell'identificazione impostata dall'utente.
In altre parole... è una fetecchia! :)
MaRoK

 browser come ti comporti?
ci sono modi stra-documentati per porre rimedio ai problemi
di IE5 (basta seguire il NG). dover gestire e tener sincronizzati due (o 
tre) CSS contemporaneamente e' quantomeno scomodo.
le differenze fra mozilla/opera/safari sono da considerarsi
*bug* che verranno risolti con il passare del tempo. i problemi
di IE6 con i CSS sono da considerarsi crimini contro il web,
ma purtroppo l'enorme diffusione del browser impedisce di
ignorarlo. il link al libro di zedlman non e' messo li
a caso, il volume spiega tutto e anche di piu'.
vedere anche i commenti di marok. a parte 
html.it
 io non
avevo mai letto di un suggerimento del genere.
ciao.

 
http://pro.html.it/articoli/id_148/idcat_8/pag_2/pag.html
l'avevo letto, ma non c'entra niente, quello serve solo per eliminare i 
css di un sito se usi netscape4.


 MaRoK

 senza js?
stai sul pezzo, non tirar dentro le tue beghe personali con "width", 
posta un codice minimale del problema (cioe' HTML/css ridotto all'osso 
che presenta il problema) e vediamo se qualcuno nel NG
risponde. io riformulo il concetto gia espresso: ci sono modi 
stra-documentati per porre rimedio ai problemi di IE5/6 (basta seguire 
il NG).
ciao.


 il NG).
!**Inizio codice HTML**!
<ul class="menu">
<li><a href="#">Newsletter</a></li>
<ul>
   <li><a href="#">Iscriviti</a></li>
   <li><a href="#">Eliminati</a></li>
</ul>
</ul>
!**Fine codice HTML**!
!**Inizio codice CSS**!
ul {
	list-style-type: none;
	padding-bottom: 5%;
	text-align: left
}
ul.menu {
	list-style: none outside;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 18px
}
ul.menu ul a {
	width: auto;
	display: block;
	border: 1px green solid;
	border-width: 0px 0px 1px 10px;
	padding-left: 5px;
	margin-left: 0px;
	background-color: #00B702;
	color: white;
}
ul.menu ul a:hover {
	border: 1px green solid;
	border-width: 0px 0px 1px 10px;
	background-color: #009B01;
	border-left-color: #005800;
}
ul.menu a {
	width: auto;
	display: block;
	border: 1px green solid;
	border-width: 1px 0px 1px 10px;
	padding-left: 5px;
	margin-left: 0px;
	background-color: #00CC02;
	color: white;
}
ul.menu a:hover {
	width: auto;
	border: 1px green solid;
	border-width: 1px 0px 1px 10px;
	color: white;
	background-color: #009B01;
	border-left-color: #005800;
}
!**Fine codice CSS**!
non č proprio minimale, ma servono tutto questo codice.
in pratica con questo codice nessun problema su opera e moz, ma su ie 
tra un <li> e un altro compare uno spazio che non dovrebbe apparire. se 
sostituisco width:auto con width:100% l'elenco va oltre il div con moz e 
opera.
per vedere com'č il menů senza forti emicranie:
http://robiweb90.altervista.org/pezzedigreco/prototipo/
ps: il css l'ho fatto da solo, forse ci sono castronerie

non ho tempo perguardare tutto, cmq IE6 e fireBird 0.7 sono uguali...
vai su 
http://web.tiscali.it/mavimo
 ho fatto qualcosa di simile, controlla
il CSS, magari risolvi ;)
Ciao
    Mavimo

Mavimo ha scritto:

grazie, se non altro mi hai aiutato a risolvere il problema della 
validazione