2015-04-27 1 views
-1

J'ai fait un tableau HTML,Tableau étend dans Google Chrome et Opera webbrowser quand j'actualisez la page

How a normal table looks like

Mais quand je me rafraîchir la page, il est totalement étendu dans Google Chrome et dans le Opera webbrowser . Il est également testé dans Internet Explorer et Firefox et là il reste la table normale.

Le tableau subnormale après actualisation de la page ressemble à:

Subnormal table

En vertu de ce que vous pouvez voir la partie CSS de ma table:

.rdThemeDataTableCell, table.rdAgDataTable td { 
    background-color: #fff; 
    padding: 4px; 
} 

td.rdThemeDataTableCell.rdCgPositionCellXAxis { 
    background-color: #ffffff; 
    border-style: none; 
} 

td.rdThemeDataTableCell.rdCgPositionCellXAxis { 
    background-color: #ffffff; 
    border-style: none; 
} 

Maintenant, je ne sais pas comment cela se Cela fonctionne dans certains navigateurs et dans d'autres, mais il doit fonctionner partout.

+0

Ce code n'est pas suffisant pour reproduire le problème. –

+0

avez-vous de l'expérience avec ce problème? – Jonas

+1

Si j'avais, je pourrais avoir du HTML qui pourrait le causer. –

Répondre

0

La réponse a été que j'ai utilisé une entrée de temps, mais mon sélecteur de temps n'avait pas de classe de style. Cela a créé le problème que Chrome et Opera ne pouvaient pas bien réagir à ce sujet.

0

Je ne sais pas si cela pourrait vous aider ou non.

Le rembourrage, la bordure semble varier dans différents navigateurs. Au meilleur de ma connaissance, votre problème est lié à un navigateur spécifique.

Il existe des moyens de cibler un navigateur spécifique et d'appliquer un style personnalisé pour déterminer le contenu du problème.

- WebKit - Pour Chorme, Opera

@media screen and (-webkit-min-device-pixel-ratio:0) {  
    .ar #form-wrapper { 
     width: 330px; 
    }  
} 

moz-documents pour Firefox:

@-moz-document url-prefix() {  
    .submit_btn { 
     padding-bottom: 5px; 
    } 
} 

Link regarding other browser tricks.