Visualizzazione tabella in maniera diversa tra chrome e mozilla

**payens88** · 13-09-2014, 20:21

ciao raga qualcuno può aiutarmi a capire come mai in chrome la seguente tabella

http://www.energy-class-action.it/tr...imulazione.php

viene visualizzata nella maniera corretta, mentre in mozilla me la ritrovo spostata a destra?
da cosa dipende?
Grazie

**cavicchiandrea** · 13-09-2014, 20:35

Sorgente pagina da console

codice:

<!DOCTYPE html>


<html class="html js" lang="de-DE">
<head>

<body>
<div id="page" class="clearfix">

<script type="text/javascript">

<script type="text/javascript" src="http://musecdn2.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js">

<script type="text/javascript">

<script type="text/javascript" src="scripts/museutils.js?4136605575">

<script type="text/javascript" src="scripts/jquery.musemenu.js?4009181048">

<script type="text/javascript" src="scripts/jquery.watch.js?172956391">

<script type="text/javascript">


</body>



</html>

secondo me è il menu che fa casino, ma tutto il css non è il massimo

**payens88** · 13-09-2014, 20:39

si hai ragione andrea, purtroppo me lo sono ritrovato..
come faccio però a sistemarlo senza stravolgere la disposizione del menù? perchè è strano che con chrome e explorer vada bene

**payens88** · 13-09-2014, 21:49

in effetti se elimino il css relativo al menu la tabella si dispone in maniera corretta. Ovviamente però questa soluzione non può andar bene...qualcuno ha un'idea?

**cavicchiandrea** · 14-09-2014, 02:04

Chiedi il trasferimento della discussione sul forum css

**payens88** · 14-09-2014, 02:09

a chi devo chiedere? basta che scrivo nella sezione css?

**cavicchiandrea** · 14-09-2014, 02:14

Originariamente inviata da payens88

a chi devo chiedere? basta che scrivo nella sezione css?

No premi qui e nel campi chiedi il trasferimento sul forum css poi attendi....

**payens88** · 14-09-2014, 18:54

Qualcuno ha un'idea su come risolvere il problema?

**KillerWorm** · 14-09-2014, 19:16

Ciao, innanzitutto c'è da dire che la pagina presenta svariati errori di validazione, sarebbe meglio risolverli a prescindere da tutto il resto.
A parte questo, come accennato da Andrea, il menu crea qualche problema. Gli è stato applicato un float. Gli elementi che seguono, sono influenzati da questo. I diversi browser, secondo il proprio box-model, possono interpretare in maniera differente il codice e restituire, quindi, una presentazione differente della stessa pagina... oltre al fatto che spesso varie differenze sono date da un codice non validato, che lascia libera interpretazioni da parte dei diversi browser.

Per risolvere alla meglio, puoi fare diverse cose, tra cui:

Puoi eliminare il float dal menu (l'elemento nav), sul file site_global.css alla riga 216.

Oppure puoi impostare clear:both al primo elemento che segue il menu, in modo da interrompere l'effetto del precedente float.
Ho visto che c'è una sfilza di <br>, presumo per creare dello spazio prima della tabella (pessima pratica, sarebbe meglio giocare un po' col margin o col padding). Ad ogni modo si può assegnare il clear al primo <br>, oppure alla tabella o, meglio, al form che la contiene (e magari togliere quei br che tanto, così come sono, non vengono "visti" nemmeno su CH e IE, proprio per via del float sul nav).

**payens88** · 15-09-2014, 16:38

Originariamente inviata da KillerWorm

Ciao, innanzitutto c'è da dire che la pagina presenta svariati errori di validazione, sarebbe meglio risolverli a prescindere da tutto il resto.
A parte questo, come accennato da Andrea, il menu crea qualche problema. Gli è stato applicato un float. Gli elementi che seguono, sono influenzati da questo. I diversi browser, secondo il proprio box-model, possono interpretare in maniera differente il codice e restituire, quindi, una presentazione differente della stessa pagina... oltre al fatto che spesso varie differenze sono date da un codice non validato, che lascia libera interpretazioni da parte dei diversi browser.

Per risolvere alla meglio, puoi fare diverse cose, tra cui:

Puoi eliminare il float dal menu (l'elemento nav), sul file site_global.css alla riga 216.

Oppure puoi impostare clear:both al primo elemento che segue il menu, in modo da interrompere l'effetto del precedente float.
Ho visto che c'è una sfilza di <br>, presumo per creare dello spazio prima della tabella (pessima pratica, sarebbe meglio giocare un po' col margin o col padding). Ad ogni modo si può assegnare il clear al primo <br>, oppure alla tabella o, meglio, al form che la contiene (e magari togliere quei br che tanto, così come sono, non vengono "visti" nemmeno su CH e IE, proprio per via del float sul nav).

Ciao e grazie per l'aiuto..i tuoi suggerimenti hanno risolto il problema.
Purtroppo come ti dicevo mi sono ritrovato questa pagina con questa impostazione css io ho solo inserito il form.
Grazie per l'aiuto.
A buon rendere

Discussione: Visualizzazione tabella in maniera diversa tra chrome e mozilla

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione tabella in maniera diversa tra chrome e mozilla

Permessi di invio