Notizie: scarica ora l'ultima versione disponibile di Thunderbird!

Autore Topic: Problema scompaginazione pagina web  (Letto 6061 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline SnakeEater

  • Post: 3
Problema scompaginazione pagina web
« il: 25 Febbraio 2011 12:33:19 »
Salve a tutti,

ho un problema che vorrei risolvere al più presto.

Da quando ho installato Firefox 4, il mio sito http://www.upsblogit.com risulta essere scompaginato (la sidebar di sinistra va verso destra, e tutto il resto finisce sotto). Il problema non sipresentava con Firefox 3.6, e nemmeno con chrome.

Cosa potrebbe essere?

grazie per il supporto
« Ultima modifica: 25 Febbraio 2011 12:53:53 da flod »

Offline flod

  • Amministratore
  • Post: 15057
    • http://www.flod.org
Re: Problema scompaginazione pagina web
« Risposta #1 il: 25 Febbraio 2011 13:07:16 »
Prova a validare il CSS, ho l'impressione che Firefox 4 sia molto più "talebano" rispetto alla versione precedente.

Offline SnakeEater

  • Post: 3
Re: Problema scompaginazione pagina web
« Risposta #2 il: 25 Febbraio 2011 13:26:06 »
mmm ho validato, il risultato non è cambiato  :cerca:

Offline RNicoletto

  • Post: 2209
    • MondoWin
Re: Problema scompaginazione pagina web
« Risposta #3 il: 25 Febbraio 2011 15:02:57 »
Io lo vedo correttamente.

Internet Explorer 8


Mozilla Firefox 4.0b12pre

Offline trekfan1

  • Post: 610
    • http://www.startrekitalia.net
Re: Problema scompaginazione pagina web
« Risposta #4 il: 11 Marzo 2011 18:48:08 »
La vedi correttamente con Firefox 3 e XP ma lui usa Firefox 4 e Windows 7, confermo il problema di SnakeEater e anche con un altro sito si presenta più o meno lo stesso problema, in questo caso si tratta della versione solo testo del Televideo RAI presente su Internet: http://www.televideo.rai.it/televideo/pub/solotesto.jsp però solo su W7! Su ubuntu o XP viene visualizzato correttamente!

Offline jooliaan

  • Lazy Old Man
  • Post: 8532
    • BlogZilla
Re: Problema scompaginazione pagina web
« Risposta #5 il: 11 Marzo 2011 19:46:38 »
Confermo l'errata visualizzazione. Io con Fx 4.0 RC1 il sitoupsblogit.com lo vedo così:



mentre televideo.rai.it/televideo/pub/solotesto.jsp con Windows 7 SP1 Ultimate a 32 bit lo vedo così (e mi pare corretto):



Ciao :)





Offline trekfan1

  • Post: 610
    • http://www.startrekitalia.net
Re: Problema scompaginazione pagina web
« Risposta #6 il: 11 Marzo 2011 20:03:28 »
No, non è così che deve apparire, allego jpeg fatto sotto ubuntu (anche su XP appare così):

http://i55.tinypic.com/2ah64b5.png
« Ultima modifica: 12 Marzo 2011 07:51:38 da flod »

Offline jooliaan

  • Lazy Old Man
  • Post: 8532
    • BlogZilla
Re: Problema scompaginazione pagina web
« Risposta #7 il: 11 Marzo 2011 20:09:08 »
Ehm, a parte il tipo di font è esattamente come lo vedo anche io... :roll:

Offline trekfan1

  • Post: 610
    • http://www.startrekitalia.net
Re: Problema scompaginazione pagina web
« Risposta #8 il: 11 Marzo 2011 20:42:10 »
Allora: su W7 il testo del televideo appare come se su writer fosse stato impostato di "centrare" il testo nella riga, mentre su ubuntu/XP appare correttamente allineato, non capisco questa diversità!

Offline Iceberg

  • Moderatore
  • Post: 9013
Re: Problema scompaginazione pagina web
« Risposta #9 il: 12 Marzo 2011 01:02:57 »
La pagina del televideo la vedo correttamente con FF 4.

Il sito upsblogit.com lo vedo male, come nell'immagine postata da jooliaan, sia con FF 4 che con FF 3.6 ed anche con Opera 11.01. Mentre lo vedo correttamente usando Konqueror 4.4.5.

« Ultima modifica: 12 Marzo 2011 01:14:18 da Iceberg »

Offline trekfan1

  • Post: 610
    • http://www.startrekitalia.net
Re: Problema scompaginazione pagina web
« Risposta #10 il: 12 Marzo 2011 07:44:27 »
Ripeto: su Ubuntu/XP con FF4 la pagina televideo è OK come nell'ultimo jpeg che ho postato.

Su Windows 7 Ultimate SP1 64bit con FF4 NO. Con la 3.6.x era ok.

EDIT:

Ho provato a visualizzare la pagina televideo su un altro pc con W7 e FF4 e la visualizzazione è ok, potrebbe essere la risoluzione 16:9 sul portatile (sul fisso ho un monitor 4:3) a causare il problema?

Anche upsblogit sul monitor 4:3 viene visualizzato correttamente!
« Ultima modifica: 12 Marzo 2011 07:58:20 da trekfan1 »

Offline flod

  • Amministratore
  • Post: 15057
    • http://www.flod.org
Re: Problema scompaginazione pagina web
« Risposta #11 il: 12 Marzo 2011 08:36:59 »
Onestamente non vedo dove sia il problema nella pagina del televideo: nel CSS hanno specificato "Courier" come font, se quel font non è presente si ricade nel font monospace disponibile (quella è l'unica differenza tra le visualizzazioni, non cambia la centratura del testo).

Per l'altro sito: avrai anche validato il CSS ma il codice HTML rimane disastroso (es. tag a che includono un paragrafo e non viceversa, codice XHTML senza tag di chiusura).

Per risolvere o diminuisci il margin-top su div.top-navi-links oppure aumenti l'altezza di div#top-navi. In alternativa utilizzi il "reset CSS" all'inizio (evidentemente webkit e gecko hanno valori di default diversi, usare il reset è sempre buona cosa).
http://meyerweb.com/eric/tools/css/reset/reset.css

Offline SnakeEater

  • Post: 3
Re: Problema scompaginazione pagina web
« Risposta #12 il: 14 Marzo 2011 03:20:21 »
Ciao ragazzi,

grazie a tutti per il supporto. Seguendo i consigli di flod, provando a diminuire il margin-top non cambiava nulla, ma aumentando l'altezza della navbar di 3px ho risolto tutto, non so davvero come ringraziarti. Giusto per curiosità, a cosa è dovuto un fatto simile? Cioè, com'è che l'altezza della navbar determina lo spostamento di tutta la sidebar?

Grazie ancora a tutti davvero

Offline flod

  • Amministratore
  • Post: 15057
    • http://www.flod.org
Re: Problema scompaginazione pagina web
« Risposta #13 il: 14 Marzo 2011 07:51:46 »
La sidebar ha impostato il float:left. Se ci fai caso, lasciando l'altezza originale di 29px, la sidebar si affianca al menu di navigazione, come se esistesse dello spazio per fare il float.

Come detto, è probabile che il problema sia causato dai valori di default diversi tra Gecko e Webkit (in caso contrario non avrebbe senso che il CSS reset corregga il problema). Se nella left-sidebar metti un "clear: left" per evitare che vada ad affiancarsi al menu di navigazione ottieni lo stesso effetto.

Offline Moreno

  • Post: 38
Re: Problema scompaginazione pagina web
« Risposta #14 il: 15 Marzo 2011 15:32:12 »
Ciao

Anche se un po' OT riapro qui il discorso relativo alla pagina testo di Televideo.

Fino ad un ora fa avevo installato, su di una macchina Windows 7, FireFox 3.6.15 e la pagina di televideo, di cui sono assiduo lettore, si leggeva perfettamente proprio come visualizzato qui.

Dopo l'aggiornamento a Firefox 4.0 RC1 la pagina è diventata quasi illeggibile proprio come questa immagine, l'unica differenza è che nell'immagine viene usato un font con grazie mentre nel mio caso no.

Il problema è semplicissimo da individuare, nonostante nella pagina HTML di televideo sia definito l'uso del fon Courier

<span style="font-family:Courier;font-size:8pt;color:#645e5e">Pagina Precedente</span>

quindi a larghezza fissa viene invece usato un carattere proporzionale e questo sballa completamente il rendering della pagina.

Ho provato a cambiare le impostazioni nella pagina di configurazione avanzata dei font di Firefox ma non cambia alcunché.

Sembrerebbe proprio che il problema affligga l'accoppiata Firefox e Windows 7 dato che Mandriva installato sulla stessa macchina non da il ben che minimo problema.

C'è qualche modo per risolvere questo fastidioso problema?? è forse il caso di segnarlo ??


Ciao Ciao, Moreno



0 Utenti e 1 Visitatore stanno visualizzando questo topic.