Newsgroup: it.comp.www.html
Titolo: CSS: dimensioni dei fonts e differenze tra IE e Ns

In una pagina ho settato questo stile:
<style type="text/css">
<!--
      .pippoblu { color: #000066; font-size: 11px; font-family: Arial,
Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left }
-->
</style>
Il problema che ho č che con Ns 4++ il font risulta visibilmente piů piccolo
rispetto a Ns 6.0, Ie 5.5, ecc.; qualcuno conosce un metodo per risolvere
questo problema?
Precedentemente ho utilizzato Javascript per individuare il browser, e
linkare cosě due differenti file .css; tuttavia talvolta ci sono dei
problemi, sempre con Ns, e gli stili non vengno linkati ... (utilizzo il
metodo document.write )
Grazie per la risposta
Giacomo

 questo problema?
Prima di tutto non e' detto che sia un problema, perche' non e' uno degli scopi
dell'HTML avere tutti i browser che danno un sito in modo *identico*. Il
consiglio e' sempre quello, usare le percentuali e non i pt o i px che forzano
le dimensioni senza permettere all'utente di cambiarle.
E se non sbaglio con le percentuali pure le dimensioni in NS 4 vengono piu'
simili al resto del mondo.
--
Laz
________________________________
Giles: "We few, we happy few..."
Spike: "... we band of buggered"

 le dimensioni senza permettere all'utente di cambiarle.
Tuttavia specificare la dimensione dei font in px mediante CSS credo sia
l'unico modo per visualizzare correttamente la pagina html su Mac senza che
debba essere l'utente finale ad intervenire modificando la grandezza dei
caratteri del browser (fino a IE 5 che ha risolto il problema).
Comunque effettivamente con Netscape i caratteri sono visualizzati piu'
piccoli, con l'effetto che si rischia di perdere l'effetto grassetto.
Fabio

 caratteri del browser (fino a IE 5 che ha risolto il problema).
"Correttamente" in che senso?


simili al resto del mondo.
http://www.alistapart.com/stories/fear4/index.html
Che ne pensi?
Nonostante tutti gli svantaggi che i px portano rispetto alle altre
unita` di misura (
http://style.cleverchimp.com/
 per una discussione
piu` approfondita), qua vengono mostrati come l'unica soluzione
valida...
-- 
Ciao, Massimo | ICQ# 57669970 | Per scrivermi togli nospam
Ogni paese ha il governo che si merita - J. De Maistre.

 Che ne pensi?
Fregnacce :-) Piu' che altro perche' non e' vero, capirei esistessero solo gli
"em" per indicare le misure in percentuale, ma visto che esiste "%" che a
differenza di quanto dicono loro *e'* supportato da tutti (aho', l'ho provato)
il loro discorso cade. "some versions of Netscape 4 for Windows treat
percentages as pixels" mi risulta davvero nuova, e mi chiedo quale versione, io
ne ho provate... 3 0 4 mi pare e nessuna di queste dava problemi. Per IE3 invece
e' possibile che l'errore che segnalano sia vero, anzi non vedo perche' non lo
debba essere, ma sinceramente, basta non specificare dimensioni per il testo
"normale" (come in fondo dicono anche loro, meglio non specificare) e tutto
funziona.


funziona.
Anche perche` poi e` da vedere quanti ancora usano Explorer 3; vabbe'
essere indietro, ma a 'sti punti...


 tutto funziona.
sottoscrivo
-- 
  lot3k (at) libero (dot) it

 essere indietro, ma a 'sti punti...
IE 3 viene installato insieme a Win 95 purtroppo... se uno si rimette quello
per qulache motivo e' IE 3 che si ritrova :(


 una pagina web.
Ecco perche' quando cercavo di spiegare a un mio amico con Ie5 il motivo per
cui non usare i px lui non capiva e diceva ch li ridemensionava cmq!


discutibile le dimensioni dei caratteri, che rende piu' piccoli.
Strano, nella versione per win invece, il font di default e` piu`
grande rispetto a quello di Explorer...
Cmq lo zoom di Opera e` molto utile, uno dei (tanti) motivi che me lo
fan preferire a Explorer :)


per qulache motivo e' IE 3 che si ritrova :(
Puo` sempre aggiornarlo; la retro-compatibilita` e` un bene, ma fino a
un certo punto, non si puo` stare a considerare anche browser con 4-5
anni sul groppone, che non supportano la meta` degli standard
odierni...


 odierni...
Si puo', si puo', anche perche' basta nascondere opportunamente il file CSS
a IE tre (usando @import con le virgolette) e non ci sono problemi.


a IE tre (usando @import con le virgolette) e non ci sono problemi.
Uh, ho sentito altrove di questo trucchetto ma non mi sono ancora
documentato (nelle reference del w3c non mi pare sia menzionato),
posso sapere come funge?
Basta fare due CSS di cui uno all'interno della pagina, e l'altro
linkato con l'@import, cosi` le vecchie versioni del browser vedon
solo il primo?


 "Correttamente" in che senso?
Nel senso che su Mac prima di IE 5 i font venivano visualizzati
sensibilmente piu' piccoli rispetto al PC (mentre ora c'e' un opzoione che
ti permette di sceglierne al risoluzione a 72 o 96 dpi).
Ciao,
Fabio

 fan preferire a Explorer :)
Quello di Opera in realta' e' un bug.
c'e' stato un lungo e interessante thread su questo argomento in
comp.infosystems.www.authoring.stylesheets
"Opera-Mac and px size"


 solo il primo?
Ti faccio l'esempio che uso io;
Sul mio sito le pagine HTML hanno:
<link rel="stylesheet" href="scarpa.css" type="text/css" />
e fin qui tutto normale.
La prima riga del file "scarpa css" e':
@import url(ns4sux.css);
In questo altro "ns4sux.css" ho messo tutti gli stili che mi incasinano NS4
(in genere quelli legati al tag IMG), e a sua volta "ns4sux.css" ha questa
prima riga:
@import "ie4sux.css";
E i contenuti di questo terzo css IE4 non li vede. Qui ci metto in genere
quelli legati ai pallini dei LI, perche' IE4 se metti i pallini ai LI, per
esempio cosi':
UL LI {
 list-style: disc outside url("l45.gif");
}
visualizzera' perdendo i pallini e con un margine negativo(!!!), esempio:
Visualizzazione corretta:
 * prima riga
 * seconda riga
 * terza riga
diventa, in IE 4:
rima riga
econda riga
erza riga
Bello eh?


Bello eh?
\me piange
Ormai sto uscendo pazzo con questi dannatissimi CSS, sto cercando di
fare una pagina con tre layer (top, principale, menu a dx) ma e` piu`
facile cavare il sangue dalle rape, mannaggia :\
Al momento con Lynx, IE 5.5 e Opera 5.01 non ci sono problemi, ma
Netscape 4.xx e Konqueror non ne vogliono sapere di mostrare un layout
come dio comanda, e anche tutti gli esempi che ho trovato in rete, son
belli si`, ma tutti in px, ce ne fosse uno fatto con le percentuali...
Appro', visto che ci sono ormai approfitto :)
Ho letto su quasi tutti i siti connessi con i CSS che ho visitato, di
un altro "trucchetto" che sfrutta un bug di IE (5.0 e 5.5), il quale
in pratica non vede nulla dopo una determinata serie di caratteri (la
sequenza e` "\"}\""), ma nonostante abbia letto anche la descrizione
completa da parte di quello che l'ha scoperta
(
http://www.tantek.com/CSS/Examples/boxmodelhack.html
) non ci ho
cavato una ragno dal buco; sapresti mica spiegarmi di cosa si tratta
di preciso? :)
PS: Grazie di tutto, ovviamente :)


"Opera-Mac and px size"
Uhm, tnx dell'info cerchero` il thread in questione :)


 di preciso? :)
Ti diro', non ci ho capito una mazza manco io :-)))


Ti diro', non ci ho capito una mazza manco io :-)))
Uh, ok :)
-- cut here --
body
{
	background-image: url(Images/sfondol8.gif);
	font-family:  Arial, "Times New Roman", serif;
	color: Navy;
	text-align: justify;
}
/*  proprieta` dei layer */
#logodiv
{
    background-color: White;
    width: 100%;
	margin: 1px 1px 1px 1px;
	border: 1px solid;
	padding: 0px -1px 0px -1px;
	position: relative;
	min-height: 110px;
	top: auto;
}
#main
{
	background-image: url(Images/sfondologo.gif);
	width: 71%;
	border: 4px solid white;
	margin: 1px 5px 10px 0px;
	padding: 0px -5px 20px 0px;
	float: left;
	position: relative;
}
#menu
{
	background-image: url(Images/sfondol7.gif);
	width: 25%;
	min-height: 200px;
	border: 4px  solid white;
	margin: 1px 0px 1px 1px;
	padding: 0px 0px 0px -5px;
	float: right;
	position: relative;
}
/*  elementi inseriti nel primo layer; logo etc... */
img.logo
{
  width: 300px;
  height: 68px;
  border: 0px;
  margin: 0px 0px -5px 0px;
  padding: 0px 0px -5px 0px;
}
hr.linea
{
	height: 2px;
	width: 97%;
	margin: 0px 0px 0px 0px;
	padding: -5px 0px 0px 0px;
}
img.accontenta
{
	width : 236px;
	height: 32px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 1px 0px;
	float: right;
	position: relative;
}
-- cut here --


 Netscape 4.xx
le tecniche del sito che ho indicato pero' implicano l'esclusione di 
Netscape 4.x e precedenti, e altri browser non standard-compliant.
"esclusione" poi solo nel senso che con netscape si vede solo una pagina con 
sfondo grigio e testo in Times.


> Uhm, tnx dell'info cerchero` il thread in questione :)
e' cominciato tutto qui: (10 msg)
http://groups.google.com/groups?hl=it&lr=&safe=off&ic=1&th=
7ab766e00c557ae,10&seekm=1euw3t5.2ygnwf1f0thxzN%
40news.bk30.de#p
ed e' proseguito qui: (20 msg)
http://groups.google.com/groups?hl=it&lr=&safe=off&ic=1&th=
936232f9f496ba7f,20&seekm=3B24B9F9.9D2136B0%
40sifre.demon.nl#p
in realta' su google manca, pare, l'inizio del thread
c'e' anche un articolo al riguardo qui:
http://www.macedition.com/cb/cb_20010604.shtml
di tale CodeBitch, anche se l'interpretazione della spec CSS non mi trova 
daccordo.
buona lettura :-P


buona lettura :-P
Ah, questo ancora lo devo leggere invece :)


sfondo grigio e testo in Times.
Ah-ah visto, quello che cmq continua a lasciarmi perplesso e` il
comportamento di Konqueror, che mostra soltanto le due immagini e il
colore di sfondo che copre tutto (nel vero senso della parola). Cmq mi
sa che e` solo un bug, visto che in una paio di occasioni invece ha
funzionato, poi senza che toccassi nulla, ha ricominciato a fare le
bizze... mah...
