Chrome版本48破坏了我的网站布局

时间:2016-01-26 19:13:16

标签: html css google-chrome

很久以前我开发了一个网站。现在它的设计略显陈旧,但它一直很好用。我意识到我需要提出一些新的东西,但由于它是功能性的,我保留了它。

令我惊讶的是,上周页面布局的部分内容突然崩溃了!有些div部分无法显示。更令人惊讶的是,这个问题只存在于Chrome中。在Safari,Internet Explorer 11和Edge中,它看起来还不错。

我对CSS不太熟练,所以我无法弄清楚出了什么问题。标准是否已更改且Chrome更符合标准?或者Chrome是否引入了一个导致负面影响的变化?

也许你们中的一些CSS大师可以只看一眼并发现我布局中的一个愚蠢的错误?

该网站使用瑞典语,但这应该不是问题。在比较Chrome中的布局和其他内容时,很明显右侧的所有侧面板都在Chrome中折叠/隐藏,只剩下标题。

这是网址:http://www.sandeslatt.se

非常感谢所有建议!

1 个答案:

答案 0 :(得分:4)

元素上的类名称中包含“adBox”字样,而广告拦截器将其设置为<apex:page standardController="EventPackageRevenueBreakdown__c" extensions="EventPackageRevenueBreakdownExt" standardStylesheets="true" tabstyle="EventPackageRevenueBreakdown__c"> <apex:form > <apex:pageBlock mode="edit" title="Event Package Revenue Breakdown Edit"> <apex:pageblockbuttons > <apex:commandbutton action="{!save}" value="{!$Label.Package_Save}"></apex:commandbutton> <apex:commandbutton action="{!SaveAndNew}" value="{!$Label.Package_SaveAndNew}"></apex:commandbutton> <apex:commandbutton action="{!cancel}" value="{!$Label.Package_Cancel}"></apex:commandbutton> </apex:pageblockbuttons> <apex:pagemessages ></apex:pagemessages> <apex:pageblocksection id="PackageEventInformationPBS" title="{!$Label.Package_Information}"> <apex:pageBlockSectionItem > <apex:outputpanel layout="block" styleClass="requiredInput"></apex:outputpanel> </apex:pageBlockSectionItem> <apex:outputpanel layout="block" styleClass="requiredBlock"></apex:outputpanel> <apex:inputfield required="true" value="{!EventPackageRevenueBreakdown__c.UnitPrice__c}"></apex:inputfield> <apex:inputfield required="true" value="{!EventPackageRevenueBreakdown__c.Location__c}"></apex:inputfield> <apex:inputfield required="true" value="{!EventPackageRevenueBreakdown__c.Name}"></apex:inputfield> <apex:outputfield value="{!EventPackageRevenueBreakdown__c.BookingPackageEvent__c}" /> <apex:inputfield required="true" value="{!EventPackageRevenueBreakdown__c.RevenueClassification__c}"></apex:inputfield> </apex:pageblocksection> <apex:pageblocksection title="Admin and Gratuity"> <apex:pageBlockSectionItem > <apex:outputpanel layout="block" styleClass="requiredInput"></apex:outputpanel> </apex:pageBlockSectionItem> <apex:outputpanel layout="block" styleClass="requiredBlock"></apex:outputpanel> <apex:inputfield required="false" value="{!eventItem.AdminCharge__c}"></apex:inputfield> <apex:inputfield required="false" value="{!eventItem.Gratuity__c}"></apex:inputfield> </apex:pageblocksection> </apex:pageBlock> </apex:form> - 它与Chrome无关。

尝试将您的课程重命名为没有“广告”的内容。我知道这很愚蠢,但adblock是如何做很多“阻塞”的。