目的:按照界面宽度是1024的标准,美化BIEE展现,使得屏幕宽度大于1024时,BIEE展现界面宽度不变居中显示。
基础:具备基本的HTML和CSS知识
工具:Google Chrome(Chrome的开发者工具可以很方便地跟踪HTML元素),文本编辑工具(editplus等)。
使用Chrome追踪html页面,可以知道影响页面宽度的原始是<body class=”PortalBody”
修改CSS文件:
OracleBI/oc4j/j2ee/home/applications/analytics/analytics/res/s_oracle10/b_mozilla4/ 目录下的portalcontent.css文件:
找到 PortalBody类型选择器(根据你在instanceconfig.xml里设置的样式,默认是s_oracle10目录下的)
此处的PortalBody定位的HTML页面的BODY属性,即页面的宽度。
n 修改margin属性值为0px auto;
—— 外边距为0
n 修改width熟悉值为1004px ;
—— 界面宽度为1004px,因为垂直滚动条在不同浏览器里的宽度不一致,最大值是IE里面20px。 所有加上body宽度,刚好是1024px的标准宽度。
n 增加clear属性,设置值为both;
—— 设置body两侧都不能有悬浮元素。