Newsgroup: it.comp.lang.javascript
Titolo: FireFox e le sue cornici

Il mio solito layout ci va giusto giusto. Le tre colonne hanno height 100% 
e cosě, se clicko col tasto destro, FireFox mi ci mette la sua cornicetta e 
mi fa comparire la scrollbar verticale. Per evitare ciň, per ogni colonna 
ho fatto:
el.onfocus=function() {this.blur()}
Secondo voi č una schifezza?
-- 
Nando [?]
Apostolo della Prova
Inviato da X-Privat.Org - Registrazione gratuita 
http://www.x-privat.org/join.php

 se clicko col tasto destro, FireFox mi ci mette la sua cornicetta e 
...
Scusa, di che cornicetta parli?

 ha scritto:

Hai presente quando un elemento prende il focus? Bene, quell'elemento viene
messo in "risalto" per mezzo di un bordo tratteggiato sottile, per
consentire (credo) all'utente di capire quale sia l'elemento "attivo".
Questa cosa accade sempre, ad esempio, con i link, o con i bottoni delle
form; nel mio caso, clickando col tasto destro nel mezzo della pagina,
FireFox mi mette questo bordino all'elemento intero (la colonna) il quale,
avendo un'altezza del 100%, supera la dimensione della finestra e fa sě che
venga fuori la scrollbar.
La soluzione che ho adottato, perň, non č un granché: le select non mi
funzionano piů.


 funzionano piů.
E, gia', vloendo con qualche if te la dovresti cavare, ma resta il fatto
che e' una gran brutta cosa
Secondo me va' sistemata a livello di HTML e/o CSS (ad es. se imponi al
HTML e BODY l'overflow a hidden...)

 HTML e BODY l'overflow a hidden...)
Sì, vero... non ricordo perché avevo tolto l'overflow:hidden... bah, provo
rimettendolo e vedo se c'è qualcosa che non va. La scrollbar, ovviamente,
non compare più. Grazie per avermi ricollegato alla realtà.
Peccato, però, che quel bordino compaia lo stesso...


 E che ne so... l'ho chiesto a FireFox ma non mi ha risposto :)
Pubblica il codice da qualche parte.
-- 
"Non è una guerra.. è uno sterminio.. loro stanno a noi come 
uomini contro i  vermi.. draghi contro i lupi.. 
O uomini che cavalcano draghi e lanciano lupi addosso ai vermi!"

 Pubblica il codice da qualche parte.
http://xoomer.alice.it/undertheskin/testfirefox/
Clicka col destro su una delle colonne (su quella centrale si "vede"
meglio). Ma non credo sia una cosa nuova, eh...


 meglio). Ma non credo sia una cosa nuova, eh...
Ti ho chiesto di pubblicare il codice perché le informazioni che avevi dato
erano incomplete.
Premetto che ciò che segue è esclusivamente per dover di cronaca e amore
verso i posteri; dato che nella pratica non ti risolve nulla, è più per
conoscenza teorica.
Firefox non assegna a tutti gli elementi, a prescindere, il bordo di
"focus" (per gli amici, "focus ring") Solo ad alcuni. I div non sono tra
questi (te ne saresti accorto anche prima, se così fosse stato).
Impostando l'overflow (ad auto/scroll) però, dici a Firefox di renderli
elementi sensibili. Essendoci la scrollbar, difatti, l'utente potrebbe
voler selezionare tramite tastiera (tab) l'elemento, e poi utilizzare i
tasti cursore per spostare il testo. Ovviamente il focus ring serve per far
capire all'utente su quale "elemento sensibile" è al momento. Se ti diverti
un po' col tab noterai che il bordo lo assume anche il body ( ammesso che
tu non abbia impostato l'overflow a hidden).
Puoi modificare le impostazioni del focus ring dalla configurazione del
browser:
	browser.display.focus_ring_width
Per quanto riguarda invece il CSS/codice di markup, evita di scrivere
codice come quello; o se proprio devi almeno fai come ti hanno suggerito:
imposta l'overflow dell'elemento container a hidden nei CSS.
Alternativamente, puoi sempre "giocare" con la pseudo classe focus. Ma dato
il contesto, sono propenso a dire che la soluzione più pulita sia proprio
l'overflow hidden.


 l'overflow hidden.
Oh, grazie per il chiarimento esaustivo come al solito. Sě,
l'overflow:hidden č ciň per cui ho optato( non l'avevo messo nell'esempio
solo per rendere piů evidente ciň di cui parlavo). Buon fine settimana :)
