Topic: Problema scompaginazione pagina web

[SnakeEater]

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

[flod]

Prova a validare il CSS, ho l'impressione che Firefox 4 sia molto più "talebano" rispetto alla versione precedente.

[SnakeEater]

mmm ho validato, il risultato non è cambiato 

[RNicoletto]

Io lo vedo correttamente.

Internet Explorer 8


Mozilla Firefox 4.0b12pre

[trekfan1]

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!

[jooliaan]

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

[trekfan1]

No, non è così che deve apparire, allego jpeg fatto sotto ubuntu (anche su XP appare così):

http://i55.tinypic.com/2ah64b5.png

[jooliaan]

Ehm, a parte il tipo di font è esattamente come lo vedo anche io...

[trekfan1]

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à!

[Iceberg]

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.

[trekfan1]

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!

[flod]

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

[SnakeEater]

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

[flod]

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.

[Moreno]

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