Topic: [RISOLTO]Ma il css border-radius è supportato?!

[Flavio93Zena]

L'unico browser che mi da' problemi con il mio sito è Firefox! Detto questo spiego il perchè: semplice, io voglio mettere nel css la funzione border-radius: 15px; però in alcuni punti funziona e in altri no!
Questo è l'URL: http://vige.altervista.org/forum/index.php e il css che non funziona è quello della categoria #boardindex_table td alla linea 3. Posto il mio index.css come allegato, ho provato persino a mettere il vecchio tag -moz ma senza ottenere nulla! Come diavolo si fa allora?
Grazie in anticipo.

P.s. Rimuovere il copyright di SMF non è molto carino da parte di un'azienda come Mozilla, detto dal secondo italiano con più messaggi sul loro forum ufficiale...
P.p.s.: metto il file su skydrive visto che non ho il permesso di postare allegati... http://1drv.ms/1DUfGYu
EDIT: il vostro rilevamento sia del sistema operativo sia del browser è errato... Ho una versione di Windows personalizzata che non ha nulla a che vedere con windows server... E il browser è Maxthon, non Chrome, pur essendo basato su Chrome NON è Chrome...

[A35G]

Io lo vedo in questo modo:


Dove riscontri il problema?

Il div #boardindex_table come puoi vedere ha i bordi arrotondati

Edit by Godai71: Rimosso quote. Se si risponde al messaggio precedente, fate clic sul pulsante Rispondi e non su Citazione. Grazie

[Flavio93Zena]

Nope. Non è così che si dovrebbe vedere non ha per nulla i bordi arrotondati - dovrebbe essere così

http://i58.tinypic.com/f521l5.jpg

Peraltro per il mod che ha spostato il topic.. Non è il sito a non funzionare ma il BROWSER visto che gli altri funzionano e ho dovuto iscrivermi qui per la disperazione. Intanto ti ringrazio per la risposta A35G... Ci sto impazzendo avrei dovuto fare un sacco di cose ma mi sono piantato per questa rottura.....

[flod]

Supporto border-radius
https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

Prova a cambiare da

Codice: [Seleziona]

#boardindex_table td
{
    border-radius: 15px;
}
a

Codice: [Seleziona]

#boardindex_table td
{
    border-radius: 15px;
    background-color: red;
}

e vedrai il problema (non è Firefox IMO).

Doverose precisazioni:
* questa sezione serve per i siti che non funzionano correttamente con Firefox, per cui è corretta;
* la rilevazione si basa sull'user agent, non possiamo gestire tutte le eccezioni. A noi serve fondamentalmente per supporto e sapere al volo quale versione del browser e del sistema operativo l'utente utilizza;
* sei sul forum di Mozilla Italia, non di Mozilla. Se qualcuno ha colpe non è certo Mozilla, al massimo sono nostre.

C'è l'obbligo di mantenere il "copyright di SMF" o è semplicemente un atto di cortesia? Ho il dubbio che manchi perché non era presente nel tema di partenza, ma vedrò di sistemarlo appena ho un attimo di tempo.
Mi rispondo da solo: non c'è obbligo dalla versione 2.0, in ogni caso adesso l'ho aggiunto.

[A35G]

@Flavio93Zena:

è un problema di CSS non imputabile a Firefox ma a come son stati realizzati (te lo posso assicurare); per risolvere, rimuovi dai tr la classe "windowbg2" e avrai, come puoi vedere dall'immagine, l'effetto desiderato



Arrotondando il td, che è contenuto all'interno del tr, vedrai attualmente il suo sfondo...ecco perchè non notavi l'effetto desiderato.

@Godai71:

Sorry, mi stavo prolungando e poi all'ultimo ho risposto sinteticamente.

[Flavio93Zena]

Non ci siamo capiti... Firefox è l'UNICO browser a non visualizzare il sito correttamente!!! Provate a scaricare Chrome e visualizzarlo con Chrome, o Maxthon...

@flod

Il punto è che siccome Firefox è l'unico browser a non funzionare (e nemmeno Tor, che appunto è basato su FF..) il problema lo riconduco per esclusione a FF. Per di più ho passato ore sulla pagina che mi hai linkato ancora prima di venire qui... Ho persino provato il vecchio tag -moz per farlo funzionare ma è stato utile come i cavoli a merenda. 
Riguardo alla sezione sì ora capisco ma non del tutto siccome per me è un problema riconducibile più al browser che al sito...
Per il copyright sì è atto di cortesia, confermo ciò che hai detto è solo che non era molto carino rimuoverlo per un sito di supporto come questo, sarebbe bello supportarsi a vicenda cioè SMF che supporti FF e viceversa però mi sa che devi aggiornare i file della lingua (/admin/traduzioni se ben ricordo, io ho sempre la versione inglese...) visto che ha il copyright 2011 O.o l'ultima versione dovrebbe essere 2014 poichè la 2.0.9 è stata rilasciata da poco

Io sono stato un utilizzatore di Firefox per quasi dieci anni credo ma ultimamente sono passato a Maxthon per svariate ragione che non sto ad elencare perchè andrei in OT, mi stupisce e mi rattrista che proprio FF non visualizzi il mio sito correttamente

@A35G

Credo che succederà qualche casino se faccio quel che dici ma in ogni caso non riesco a capire dove trovarlo >_< me lo sapresti dire?


P.s.: @flod
Non so se lo sai ma c'è un bug nella 2.0.9... Riferendomi ad un post fatto da uno dei precedenti sviluppatori di SMF (http://www.italiansmf.net/forum/index.php?topic=1111.msg6102#msg6102), dovresti aprire il post.template.php e fare quanto segue se non l'hai già fatto, ovviamente lo dico per te

Codice: (trova) [Seleziona]

var textFields = [\'subject\', ', JavaScriptEscape($context['post_box_name']), ', \'icon\', \'guestname\', \'email\', \'evtitle\', \'question\', \'topic\'];

Codice: (rimpiazza con) [Seleziona]

var textFields = [\'subject\', ', JavaScriptEscape($context['session_var']), ', ', JavaScriptEscape($context['post_box_name']), ', \'icon\', \'guestname\', \'email\', \'evtitle\', \'question\', \'topic\'];
Bella invece la ricerca personalizzata, carina l'integrazione. Piacevole anche il tema violetto... Nel complesso bel sito, approved

[Mte90]

Mi dispiace contraddirti ma è un problema degli altri browser se tu li vedi in quel modo
Confermo quello che dice A35G e te lo ice uno che lavora con i css3 da quando esistono
L'implementazione css è molto semplice solo che hai dei problemi a livello css.

Togli a .windowbg2 il background-color ed aggiungilo a #boardindex_table td e vedrai che non ci saranno più problemi su nessun browser.

Tu dai lo sfondo al tr ma td non ha sfondo però ha il bordo. Quindi non sottrae l'area!
Tant'è che se provi a togliere a .windowbg2 lo sfondo vedrai che grazie al selettore .windowbg, #preview_body la prima colonna e la terza avranno lo sfondo perchè il td ha lo sfondo e tr no.
In poche parole tu dai lo sfondo a tr e td uguali quindi puoi sottrarre le aree ma non si noterà la differenza.

[Iceberg]

Non ci siamo capiti... Firefox è l'UNICO browser a non visualizzare il sito correttamente!!!

Unico non direi, pure Konqueror non visualizza il sito come vorresti. E Seamonkey e Opera (versione Presto) e altri ce ne saranno.

[Flavio93Zena]

Mi dispiace contraddirti ma è un problema degli altri browser se tu li vedi in quel modo
Confermo quello che dice A35G e te lo ice uno che lavora con i css3 da quando esistono
L'implementazione css è molto semplice solo che hai dei problemi a livello css.

Togli a .windowbg2 il background-color ed aggiungilo a #boardindex_table td e vedrai che non ci saranno più problemi su nessun browser.

Tu dai lo sfondo al tr ma td non ha sfondo però ha il bordo. Quindi non sottrae l'area!
Tant'è che se provi a togliere a .windowbg2 lo sfondo vedrai che grazie al selettore .windowbg, #preview_body la prima colonna e la terza avranno lo sfondo perchè il td ha lo sfondo e tr no.
In poche parole tu dai lo sfondo a tr e td uguali quindi puoi sottrarre le aree ma non si noterà la differenza.

Bel tentativo ti ringrazio ma con questa modifica si smaiala l'intero forum. Tutti i background dei topic non funzionano più, oltre a colonne bianche e nere alternate nella lista dei membri e per finire la shoutbox perde il background bianco e diventa illeggibile, anche correggendola rimane il fatto che quello della lista topic non è risolvibile perchè il colore della riga del topic deve colorarsi a seconda del caso - se è un topic sticky diventa rosso, se è global diventa azzurro ecc... Il file è sempre su Skydrive come da OP se volete ritentare, ma così non va per niente. Per ora ho solo levato un padding che non volevo ma nulla più. Ci sto sclerando nel vero senso del termine...

[A35G]

Salve Flavio93Zena, ti chiedo gentilmente, per favore, di calmarci un poco e moderare il linguaggio.

Per risolvere il problema applica queste semplici modifiche:

• dalla classe "content" rimuovi background-color: #ffffff;
• dalla classe "windowbg2 rimuovi background-color: #f0f4f7;
• aggiungi ai td dove manca (td class info, td class lastpost), la classe "windowbg"

Ti consiglio inoltre l'ottima estensione Firebug, utilissima in questi casi.

[Mte90]

Qui stiamo cercando di essere amichevoli nel risponderti non facendo di tutto per dimostrare che non è firefox il solo ad avere il problema quindi non stiamo facendo tentativi.

Se ti "smaiala" il sito è il tuo css che scrivendolo e testandolo su browser che non seguono alla perfezione gli standard crea problemi. Quindi sistemando il css il sito si vedrà correttamente su tutti gli altri, per questo io i siti li realizzo su firefox perchè è il pi fedele agli standard.

Il selettore

Codice: [Seleziona]

.windowbg, #preview_body {
    background-color: #e7eaef;
    color: #000000;
}
mentre

Codice: [Seleziona]

.windowbg2 {
    background-color: #f0f4f7;
    color: #000000;
}
e

Codice: [Seleziona]

.content {
    background-color: #ffffff;
    border: medium none;
    margin: 0;
    padding: 0.5em 1.2em;
}
Combinati fanno in modo che ci sia lo sfondo bianco su tutto.
Ora togliendo a questi selettori lo sfondo bianco e facendo un nuovo selettore:

Codice: [Seleziona]

tr.windowbg2 td {
    background: #ffffff;
}
si sistema il tutto
Puoi vedere il problema di sovrapposizioni che crea problemi anche al pulsante home sia su firefox che chrome.
Inoltre ci sono dei problemi js sulla tua pgina sia su chrome che firefox:
Chrome:

Codice: [Seleziona]

Uncaught TypeError: Cannot read property 'style' of null shoutbox.js:122
Uncaught TypeError: undefined is not a function index.php?action=body&theme=default:126
'webkitRequestAnimationFrame' is vendor-specific. Please use the standard 'requestAnimationFrame' instead.
Firefox:

Codice: [Seleziona]

TypeError: document.getElementById(...) is null

document.getElementById("shoutbox_message").style.fontWeight = Shoutbox.feature....

shoutbox.js (linea 122, col 3)
TypeError: $sachat.cookie is not a function

var cookie = unescape($sachat.cookie(name));

index.p...default (linea 126, col 25)

Per completezza ecco lo screen con i css modificati come ho detto io http://i.imgur.com/ib7NLHA.png

Se ci sono altri problemi di "smaialamento" dicci come vederli che studiamo meglio il css visto che non conosco il sito ne la sua struttura html

[Flavio93Zena]

No ma stiamo scherzando? Moderare il linguaggio? E sentiamo cosa avrei scritto che necessiterebbe di "moderazione"? Se mi vieni a dire che "smaialare" inteso in senso giocoso e per provare a fare un po' di ironia necessita di moderazione allora gentilmente non commentare più...

Ho provato l'edit suggerito ed è un disastro A35G... Il forum viene totalmente a quadretti bianchi alternati con quadretti neri .-.

Ho provato anche il tuo Mte90 e si avvicina di più al risultato desiderato ma rimangono diversi bug che vado ad elencarti...
1) Nella lista topic i topic sono tutti neri tranne quelli "speciali" (sticky, chiusi, globali) e l'unico modo che pare funzionare sia proprio riaggiungere quei due background che mi hai fatto togliere
2) Lo sfondo della shoutbox, che nella tua screen è collassata, con queste modifiche diventa nero, rendendo praticamente illeggibile il testo. Sì il border radius con queste modifiche funziona ma non va assolutamente bene...

Qui c'è l'index.css così potete vedere da voi http://1drv.ms/1yHLqNQ (è su onedrive, che è di microsoft quindi il link è un po' strano - 1drv=onedrive .ms=microsoft - nulla di maligno). Non c'è nessun html nel mio sito... Se avete seguito la discussione si stava parlando di SMF, che guardacaso è lo stesso software utilizzato qui, per cui la struttura non è "pressocchè" identica - è PROPRIO identica xD come differenza ho solo un po' di edit manuali e un diverso tema direi.

Riguardo al conflitto js ti ringrazio lo so, è relativo al fatto che ci sono una shoutbox e una chatbar installate, ma siccome non producono errori e non hanno falle di sicurezza posso ignorarlo almeno per il momento.

[A35G]

No ma stiamo scherzando? Moderare il linguaggio? E sentiamo cosa avrei scritto che necessiterebbe di "moderazione"? Se mi vieni a dire che "smaialare" inteso in senso giocoso e per provare a fare un po' di ironia necessita di moderazione allora gentilmente non commentare più...

Tranquillo, no problem, mi fermo qui

Ho provato l'edit suggerito ed è un disastro A35G... Il forum viene totalmente a quadretti bianchi alternati con quadretti neri .-.

Hai seguito alla lettera quello che ti ho scritto?
Perchè è mia abitudine, prima di scrivere e consigliare, testare le cose...specialmente nel mio lavoro.

Spero che qualcun altro, possa aiutarti meglio di noi.

[Flavio93Zena]

Io ho provato e non funzionava... Ho allegato il file .css se non sei sicuro puoi provare le modifiche lì :/ peraltro firebug l'ho installato, carino grazie

[Mte90]

1) Nella lista topic i topic sono tutti neri tranne quelli "speciali" (sticky, chiusi, globali) e l'unico modo che pare funzionare sia proprio riaggiungere quei due background che mi hai fatto togliere
2) Lo sfondo della shoutbox, che nella tua screen è collassata, con queste modifiche diventa nero, rendendo praticamente illeggibile il testo. Sì il border radius con queste modifiche funziona ma non va assolutamente bene...

1) quindi già parliamo di una pagina differente non dell'homepage giusto?
2) qual'è la shoutbox? quel piccolo popup semi trasparente?

Io non conosco SMF e non ho realizzato questo template quindi non conosco la struttura del codice html del forum. Comunque di errori ne producono e questo può portare problemi su dei browser...